scrollpane - how to change font size?

[Pixelate]

I'm using scrollpane on one section of site because of scrolling image / text. I'm using an HTML file for the scrollpane page, but txt files for other other textbox sections.

I've tried adding the font size in the HTML page and via a CSS file but neither seem to effect the font look or size??

HTML

<font face="Century Gothic, Arial, Helvetica, sans-serif" SIZE=6>

ACTIONSCRIPT

_global.styles.TextArea.setStyle("backgroundColor", "false");
_global.styles.TextArea.setStyle("borderStyle", "none");
_global.styles.TextArea.setStyle("scrollTrackColor","C0CCD8");
formStyleFormat.scrollTrack = "0x000099";
//stylesheet stuff
var ss = new TextField.StyleSheet();
ss.load("date.css");
myText.styleSheet = ss;
//original: ss.load("date.css");
/************************************************** */
//xml stuff
about = new XML();
//about.ignoreWhite = true;//..doesn't seem to work
about.load("sexyboy.html");
about.onLoad = function () {
myText.text = about;
};

Is this because I want the font to be Century Gothic and it's non-standard or that scrollpane / CSS is a problem or ?