Using Adobe® Flex® 4 - Adobe Blogs

}
@font-face {
src:url("../assets/MyriadWebPro-Italic.ttf");
fontFamily: myFont;
fontStyle: italic;
advancedAntiAliasing: true;
embedAsCFF: true;
}
.myStyle1 {
fontSize: 32;
fontFamily: myFont;
}
If you use a bold-italic font, the font must have a separate typeface for that font. You specify both properties
(fontWeight and fontStyle) in the @font-face and selector blocks, as the following example shows:
@font-face {
src:url("../assets/KNIZIA-BI.TTF");
fontStyle: italic;
fontWeight: bold;
fontFamily: myFont;
embedAsCFF: true;
}
.myBoldItalicStyle {
fontFamily:myFont;
fontWeight:bold;
fontStyle:italic;
fontSize: 32;
}
USING FLEX 4
Fonts
In the @font-face definition, you can specify whether the font is bold or italic by using the fontWeight and
fontStyle properties. For a bold font, you can set fontWeight to bold or an integer greater than or equal to 700. You
can specify the fontWeight as plain or normal for a nonboldface font. For an italic font, you can set fontStyle to
italic or oblique. You can specify the fontStyle as plain or normal for a nonitalic face. If you do not specify a
fontWeight or fontStyle, Flex assumes you embedded the plain or regular font face.
Flex does not require that bold or italic styles require a bold or italic font to be embedded. You can embed any font and
use it on a control that uses bold or italic. The results might be less desireable than if you embedded a font with a bold
or italic font face, but the text still renders.
You can also add any other properties for the embedded font, such as fontSize, to the selector, as you would with any
class or type selector.
By default, Flex includes the entire font definition for each embedded font in the application, so you should limit the
number of fonts that you use to reduce the size of the application. You can limit the size of the font definition by
defining the character range of the font. For more information, see “Setting character ranges” on page 19.
17