Using Adobe® Flex® 4 - Adobe Blogs

USING FLEX 4
Fonts
You can also embed fonts in ActionScript by using the [Embed] metadata tag. As with the @font-face declaration,
you must specify a separate [Embed] tag for each font face.
Note: Check your font licenses before embedding any font files in your Flex applications. Fonts might have licensing
restrictions that preclude them from being stored as vector information.
If you attempt to embed a font that the Flex compiler cannot find, Flex throws an error and your application does not
compile.
Embedded font syntax
[Chunk: No] [Output: IPH, Print, Web] [EditorialStatus: Preliminary Review]
To embed TrueType or OpenType fonts, you use the following syntax in your style sheet or tag:
@font-face {
src: url("location");
fontFamily: alias;
[fontStyle: normal | italic | oblique] ;
[fontWeight: normal | bold | heavy] ;
[advancedAntiAliasing: true | false];
[embedAsCFF:true|false] ;
}
The src property specifies the location and filename of the font.
The fontFamily property sets the alias for the font that you use to apply the font in style sheets. This property is
required. If you embed a font with a family name that matches the family name of a system font, the Flex compiler
gives you a warning. You can disable this warning by setting the show-shadows-system-font-warnings compiler
option to false.
The fontStyle and fontWeight properties set the type face values for the font. These properties are optional, unless
you are embedding a face that requires them. The default values are normal.
The advancedAntiAliasing property determines whether to include the advanced anti-aliasing information when
embedding the font. This property is optional. This property is ignored if you embed a font with the embedAsCFF
property set to true. You cannot use this option when embedding fonts from a SWF file (see Embedding fonts from
SWF files). For more information on using advanced anti-aliasing, see “Using advanced anti-aliasing with non-CFF
based fonts” on page 9.
The embedAsCFF (Compact Font Format) property indicates whether to embed an FTE-enabled font for components.
Flash Text Engine (FTE) is a library that provides text controls with a rich set of formatting options.
If you set the embedAsCFF property to true, then the embedded font will let you use the advanced formatting features
of FTE such as bidirectional text, kerning, and ligatures. If you set the value of embedAsCFF to false, then the
embedded font will not support FTE, and will work only with the Halo text components. If you use Halo text
components in Flex 4 application, you might need to embed the same font multiple times (once with embedAsCFF set
to true and once with embedAsCFF set to false). The default value is true. Alternatively, you can use FTE-based
classes for text rendering in your Halo text controls. For more information, see “Embedding fonts with Halo
components” on page 24.
The following example embeds the MyriadWebPro.ttf font file:
@font-face {
src: url("../assets/MyriadWebPro.ttf");
fontFamily: myFontFamily;
embedAsCFF: true;
}
5