Dynamic Text, Odd Characters and Quality

Hello all,

I am having a couple of issues with dynamic text. I am loading fairly simple text documents, but am ending up with some font oddness. For example, I am using plain Arial in the CSS but am ending up with words running together. In the word “Oxygen” the “Oxy” letter spacing is really tight. Do I have something odd in the CSS? Here it is:

.bodyCopy
{
font-family: Arial;
font-size: 12px;
color: #666666;
line-height: 28px;
}

Pretty straightforward so I can’t figure out why things look bad.

My other problem is that non-letter characters are really hard to work with. For example, the + and % need to be written as %2B and %25 which is really annoying. Is there an easier way to do this? Would for example, loading an HTML file be easier than a .txt file?

So any pointers on making this look better and easier really appreciated.

ActionScript Code:
[FONT=Courier New][LEFT][COLOR=#000000]**var**[/COLOR] format = [COLOR=#000000]**new**[/COLOR] [COLOR=#0000FF]TextField[/COLOR].[COLOR=#000080]StyleSheet[/COLOR][COLOR=#000000]([/COLOR][COLOR=#000000])[/COLOR];

[COLOR=#000000]var[/COLOR] path = [COLOR=#FF0000]“main_styles.css”[/COLOR];

format.[COLOR=#0000FF]load[/COLOR]COLOR=#000000[/COLOR];
format.[COLOR=#0000FF]onLoad[/COLOR] = [COLOR=#000000]function[/COLOR]COLOR=#000000[/COLOR] [COLOR=#000000]{[/COLOR]
[COLOR=#0000FF]if[/COLOR] COLOR=#000000[/COLOR] [COLOR=#000000]{[/COLOR]
output.[COLOR=#000080]styleSheet[/COLOR] = format;

myLoadVar = [COLOR=#000000]new[/COLOR] [COLOR=#0000FF]LoadVars[/COLOR] COLOR=#000000[/COLOR];
myLoadVar.[COLOR=#0000FF]load[/COLOR]COLOR=#000000[/COLOR]
myLoadVar.[COLOR=#0000FF]onLoad[/COLOR] = [COLOR=#000000]function[/COLOR] COLOR=#000000[/COLOR][COLOR=#000000]{[/COLOR]

[COLOR=#0000FF]if[/COLOR] [COLOR=#000000]([/COLOR]success == [COLOR=#000000]true[/COLOR][COLOR=#000000])[/COLOR] [COLOR=#000000]{[/COLOR]

output.[COLOR=#0000FF]variable[/COLOR] = [COLOR=#FF0000]“main”[/COLOR]
output.[COLOR=#0000FF]htmlText[/COLOR]=myLoadVar.[COLOR=#000080]main[/COLOR];

[COLOR=#000000]}[/COLOR]

[COLOR=#000000]}[/COLOR]

[COLOR=#000000]}[/COLOR] [COLOR=#0000FF]else[/COLOR] [COLOR=#000000]{[/COLOR]
    output.[COLOR=#0000FF]text[/COLOR] = [COLOR=#FF0000]"Error loading CSS file!"[/COLOR];
[COLOR=#000000]}[/COLOR]

[COLOR=#000000]}[/COLOR];
[/LEFT]
[/FONT]

One solution would be to embed the font into your library, then set that font’s linkage id. That way, you’re not relying on each computer’s device fonts, your font w/ be “packaged” with the swf. As long as you set the font’s linkage id in the library - you can reference that id in your css page.