Using Adobe® Flex® 4 - Adobe Blogs

USING FLEX 4
Fonts
After you embed a font with an @font-face declaration, you can use the value of the fontFamily property, or alias,
in a type or class selector. The following example uses myFontFamily, the value of the fontFamily property, as the
font in the VGroup type selector:
Resolved code-reference.
@namespace s "library://ns.adobe.com/flex/spark";
@font-face {
src:url("../assets/MyriadWebPro.ttf");
fontFamily: myFontFamily;
advancedAntiAliasing: true;
embedAsCFF: true;
}
s|VGroup {
fontFamily: myFontFamily;
fontSize: 15;
}
The text in this RichText control uses the
font set on the VGroup.
When you run this example, you might notice that the Halo Button (in the mx namespace) control’s label disappears.
This is because the default style of a Halo Button control’s label uses a bold typeface. However, the embedded font’s
typeface (Myriad Web Pro) does not contain a definition for the bold typeface. To have the Halo Button control’s label
use the proper typeface, you can:
Add fontWeight:bold to the @font-face rule. This will render the Button label’s text, but with a device font.
Embed a bold typeface so that the label of a Halo Button control is rendered with the correct font.
6