TextFlow using an embedded font or stylename in span

Question

I am trying to use an embedded font in a TextFlow span element in a TextArea in a custom component and it is not working.    Also can you use a stylename from an ext. stylesheet?  The fontFamily works if I style the TextArea itself with it, and it works as a device font in the span since it is loaded on my computer, but I need to use it as an embedded font since most users will not have it.
Thanks,
John
Below is what I tried:
<s:TextArea>
<s:textFlow>
<s:TextFlow>
<s:p>
<s:span fontFamily="threeDumbFont" fontLookup="embeddedCFF">
Everyone says the cow jumped over the moon
</s:span>
</s:p>
</s:TextFlow>
</s:textFlow>
</s:TextArea>
I have a external styleshteet for the application here is part of it that includes the font:
@font-face {
src:url("assets/fonts/3Dumb.ttf");
fontFamily: 'threeDumbFont';
fontWeight: normal;
fontStyle: normal;
embedAsCFF: true;
.logo {
fontFamily: 'threeDumbFont';
fontLookup: embeddedCFF;
fontSize: 40;
color: #ed1161;

Answer 1

Set fontFamily on the TextArea as well.
The rules are that all fonts in a component must be embedded in the same SWF, and the component itself must be given one of those fonts as the fontFamily (and fontStyle and fontWeight) so it can detect and use the correct SWF for its fonts.  Once you've specified one of the fonts in the SWF, the TextFlow can use any of the fonts in the SWF.
Alex Harui
Flex SDK Developer
Adobe Systems Inc.
Blog: http://blogs.adobe.com/aharui