Font Embedding in Flash CS5

Flash CS5 introduces a new way of emebdding fonts and unfortunately it breaks the older way of embedding fonts :( . The older way of embedding fonts which can be found here , does not work anymore for Flash IDE projects though that will still work for pure AS3 projects. I was using this method only in my project but as soon as I upgraded to flash CS5, text disappeared in my compiled movie. Googling pointed me to these two:

1. Characters missing from text in Flash CS4 file when opened in Flash CS5


2. Flash CS5 font embedding – it’s totally different…

To summarize, add a font to your project/ FLA file, click on Text ==> Font Embedding, and add the font-family you are using in your project. Say you want to "Myriad Pro" to your project, add the family and style you wish you use in your project as shown in the image below.

[caption id="attachment_75" align="alignnone" width="300" caption="Fig. 1"][/caption]

You will need to add all the styles you want to use in your project individually. If you plan to use the font in dynamically created objects, then you need to export it for AS3 as well. Click on the "ActionScript" tab and provide the class name for the selected style.

[caption id="attachment_76" align="alignnone" width="300" caption="Fig. 2"][/caption]

My project is all in AS3, so I also needed to register the fonts and for that the syntax is same as before.

Font.registerFont(FONT_MYRIAD_PRO);
Font.registerFont(FONT_MYRIAD_PRO_I);
Font.registerFont(FONT_MYRIAD_PRO_SB);
Font.registerFont(FONT_MYRIAD_PRO_SB_I);
Font.registerFont(FONT_MYRIAD_PRO_B);
Font.registerFont(FONT_HELVETICA_NEUE);

Second change when compared to the earlier method is that while earlier one had to use the font name set in the code used to emb the font, now we use the standard name of the font.

If you are using TextFormat, it will be like :

mouseoverTF = new TextFormat();
mouseoverTF.align = TextFormatAlign.LEFT;
mouseoverTF.font = "Myriad Pro";
mouseoverTF.bold = true;
mouseoverTF.color = 0xFFFFFF;
mouseoverTF.size = 13;

and if you are using StyleSheet, then

var _defStyle:String = " .btext { font-family: Myriad Pro; font-size: 13;font-weight: bold; color: #333333; }";