Ready to watch this entire course?
Become a member and get unlimited access to the entire skills library of over 4,974 courses, including more Web and personalized recommendations.Start Your Free Trial Now
- View Offline
- Comparing Flash CS4 and Flash CS5
- Inserting modifiable cue points for video in Flash
- Editing text in the Text Layout Framework
- Embedding fonts
- Creating and editing ActionScript code snippets
- Performing roundtrip editing between Photoshop and Flash
- Exporting FXG files for use in Flash Catalyst
- Integrating with Flash Builder
Skill Level Intermediate
In this movie, we'll take a look at the updated Font Embedding menu. I'm going to select a text field on the stage, and this text field has the font Chaparral Pro. Now this is not a font that everybody is going to have installed in their machine, so it's a good idea to embed that font. So with the text selected, I'm going to click the Embed button in the Properties panel to open up the new Font Embedding menu. Note that the Family is already set because I had a text box that uses that Family selected.
So, I'm going to set the name to Chaparral, and note that you could choose the style if you'd like. I'm just going to leave it at Regular for now. Then for the Character range, I'm not going to check All because that's going to embed more glyphs than I'm going to use in this field. Right now, there are only letters and punctuation, but just in case I want to put a number in that text field later, I'm going to embed the numbers as well. So Uppercase, Lowercase, Numerals, Punctuation and on the left side here, I can see a list of the fonts that are embedded in this application.
I'll click OK to embed the font. Now let's click the Embed button again and see what else the Font Embedding menu has to offer. The updated Font Embedding dialog box also includes options for exporting a font for ActionScript. The reason you would do that is if you needed to create a text field on the fly, while your application is running in the Flash Player, and you want to make sure that the user has the same experience and the same design as you do when you design the application.
So you can export a font for ActionScript by checking the Export for ActionScript box, in the ActionScript tab of the Font Embedding menu. This used to be set up in the Properties area of the Library. Through there, you can still access this menu, but it will bring up the Font Embedding dialog box instead. So you'll still have options to embed the font. Once you've checked Export for ActionScript, you can choose which Outline format you'd like to embed into your application. I'm going use the Text Layout Framework, and here you can change the name of the class that you'd like to export.
I'm going to leave it the same as my font name that I am embedding. I can choose a Base Class for the font. This is typically going to be just the font class, and you can choose the Export for runtime sharing, if you'd like. So I'll click OK, and if I go to the Library, I can see that that font is embedded in the application, and then I could see its Linkage properties are set up and the name of the class that I've called it in the Linkage properties. You can also bring up that menu again, if I double-click that Font icon in Library.
So I can make any changes that I would like to. So using the new Font Embedding menu, you can more quickly and easily access all the information you need when you're embedding fonts into your applications.