Aaron L’Heureux

Hi Aaron,

So it looks like compiling with AS2/Flash8 I am able to get the base MyriadPro font to display and dynamically change simply by embedding the font using the embed dialog, and referencing the embedded font (“Myriad Pro*”) under Family in the Properties panel.

If I try to use an embedded font with style (Myriad Pro Bold or Myriad Pro Bold Italic), the static text I use in the field displays with style until I change the contents dynamically, at which point the style is lost, and unstyled Myriad Pro displays.

Do you know how to reference styled embedded fonts within AS2 for use in dynamic text elements?

Thanks,
Nolan

Ok now i managed to embed them.

But there’s one more thing i struggle with:

is there any way I can give my embedded font a unique font-family name to use on my TextFormat?

it’s not actually a problem, but some fonts really have some strange names (eg.Titilium: TitilliumText14L 600 wt, TitilliumText14L Bold, …)

I’d like to give it simply the name: “Titilium light”, “Titilium Regular”, …

it’s not working for me either. my website successfully used css text in CS4, and when i upgraded to CS5 and exported, it was broken. no css text. i added the “import flash.text.Font;” and “Font.registerFont(UniversBC); Font.registerFont(UniversBCO); Font.registerFont(UniversLC); Font.registerFont(UniversLCO)” for the 4 fonts i was using, and its still a no-go. i haven’t changed the css at all, and i dont get any compiler errors. any ideas?

Of course, I had to submit this past comment to go check and see it working. I am still getting the error message but the text is there so there must be something I still need to clean somewhere. Thanks guys!

I have been searching for the solution to this for months and I still am not able to implement this css text on my personal website that once worked fine in CS4. I have set up a simpler test document, all empty on stage with 4 weights of Univers exported for ActionScript from the library. Here’s my code on the timeline:

/////
/////
/////
var css:StyleSheet;

function init():void
{
//these are the names of the 4 versions of Univers i have exported in my library. some sources say they must be registered, some say they dont.
/*Font.registerFont(UniversLC);
Font.registerFont(UniversLCO);
Font.registerFont(UniversBC);
Font.registerFont(UniversBCO);*/

//loads up the css page
var cssLoader:URLLoader=new URLLoader(new URLRequest(“test.css”));
cssLoader.addEventListener(Event.COMPLETE, cssLoaded, false, 0, true);
}

function cssLoaded(evt:Event):void
{
css=new StyleSheet();
css.parseCSS(evt.target.data);

//loads up the xml page
var xmlLoader:URLLoader=new URLLoader(new URLRequest(“test.xml”));
xmlLoader.addEventListener(Event.COMPLETE, xmlLoaded, false, 0, true);
}

function xmlLoaded(evt:Event):void
{
var xmlData:XML=new XML(evt.target.data);

//creates the empty textfield
var tf:TextField=new TextField();
tf.multiline=true;
tf.width=tf.height=500;
addChild(tf);

//adds style and content to textfield
tf.styleSheet=css;
//some sources have said to add this line, some say not to:
//tf.embedFonts=true;
tf.htmlText=xmlData.here;
}

init();

/////
/////
/////

Locally, the text will show up in all 4 versions, but apparently it is not pulling the font from the library version but rather from what is installed on my system, as on most other computers all the text will show up as just Times. If I set the embedFonts to true, I get NO text, and whether or not I use the register fonts commands appears to have no affect. Unfortunately there appears to be no official documentation on this problem that is helpful, and I am getting conflicting advice from the very few blogs that touch on this subject. If anyone is able to help me sort this out, you can have my firstborn child, or really anything that is mine. I am desperate. I’ve zipped up the fonts, css, xml, and fla if anyone is feeling extra helpful. It is available here:

http://www.danehansen.com/temp/test.zip

Thanks in advance.

Hi, I too had problems with this and here is how i solved the issue (pure actionscript textfield)

after embedding the font I had to find the correct name

//do this in document class or from frame 1
var fonts:Array = Font.enumerateFonts();
for (var i:int = 0; i < fonts.length; i++)
trace('font – ' +fonts[i].fontName + " – " + fonts[i].fontStyle);

var buttonText:TextField = new TextField();
buttonText.embedFonts = true; //make sure the fonts are embedded
buttonText.defaultTextFormat = new TextFormat(font, 14, 0xFFFFFF, false);//font being the font.fontName of your embedded font
buttonText.text = text; //set the text after embedding & setting format other wise the text disappears!

hope this helps anyone else having issues with doing this at runtime!

Hi,

#16 by stephen worked for me! After tracing the real font names, and putting that in the CSS font-family part, it worked like a charm.

Thanks,

AP

As I’ve found a solution that has worked very well for me so far I can really advice you to read my little post about this whole stuff:

http://www.fabian-irsara.com/2011/01/09/embedding-fonts-as3-flash-player-10/

basically you simply add embedAsCFF=”false” and embed the old way, OR you may embed it as you were used to and compiel to flash version 9. I usually export all my needed fonts to different swf-files and load them at runtime to keep filesize small and give a great amount of preloading-feedback!

Hope this might help!

“is there any way I can give my embedded font a unique font-family name to use on my TextFormat?

it’s not actually a problem, but some fonts really have some strange names (eg.Titilium: TitilliumText14L 600 wt, TitilliumText14L Bold, …)”

I believe you can avoid this issue by letting flash deal with the names in the background by using .fontName:

someFormat = new TextFormat(fontLinkageName.fontName, 14, 0×000000);

I could be missing the point though (it happens a lot!)

I’m running my wife’s site that she purchased from a web development company. There is a Flash object for a Photo Gallery that I used to simply update by modifying an XML file with text and file references to photos I upload to the site.

I recently upgraded to CS5 and I just added some more images and tried to publish. I’m now getting the error:

“Fonts should be embedded for any text that may be edited at runtime, other than text with the “Use Device Fonts” setting. Use the Text > Font Embedding command to embed fonts.”

and it is not publishing the file anymore. I’m not that familiar, yet, with working in Flash. Is there a simple fix for this problem? You probably already gave me the answer above, but unfortunately, most of what you said above doesn’t make a whole lot of sense yet.

I’ll go back and read again.

Thanks for that, man. Very nice of Adobe to have such a large change and such poor coverage in the documentation. It’s nowhere near as clear as this explanation.

you helped me in the past, and i’ve come to another speedbump. i’ve switched to using Flash Builder to write my code in, and i have a project that i was successfully using the [Embed] tags in to get my fonts into the project… after tiring of wresting with gettings the right font names using that, i decided to embed the fonts into a .swc using a more graphical and simpler interface… and it seems to be working. i have a couple of fonts working, but when i wanted to embed 2 weights of Arial then i was not able to get the bold to work. if i embed only bold it will work, and if i embed only regular or both regular AND bold, i only see regular. by tracing out my particular version of arial, i see the fontFamily as “Arial” in both cases but fontStyle is “bold” on one, “regular” on the other. no matter what i stick in my css i cannot get the bold weight to show up once both weights are embedded. i’ve tried “font-weight:bold” and “font-style:bold” and numerous others, but nothing works for me. any ideas? thanks. i can provide source if needed.

I have a really easy and quick fix for some of you…. Simply un-check “Auto-kern”. Flash seems to want to use device fonts, or won’t display, certain fonts.

Good luck

Major drag that Flash CS 5 doesn’t support the embed code! I’m working on a JSFL script that automates the creation of font swfs, and it’s so much simpler to use the [Embed] code.

Hi,
I am working in flash AS3 – CS5.
what is the code for adding the font dynamically without adding it in the library.