Recently I had the need to embed font's in my Flex 3 application. I used the
CSS code (see below) to embed the fonts and make them global. Worked great
except Builder went nuts. The Builder display doesn't look like the website.
Elements are shifted about, text doesn't line up properly (for example, radio
button text doesn't center on the radio icon), etc. It's a mess. I am using
Builder version 3.0.2.214193
So I have two questions:
1) If I create a swf of the fonts and embed it in flex using the swf, will
Builder prefer this?
2) What is the default font for Flex or how do I determine what it is in my
install? If I knew that, I could embed it and hope that Builder would stop
messing up.
3) What Am I Doing Wrong?
Warren Koch
/* CSS file */
@font-face {
font-family: MainFont;
src: url("assets/fonts/verdana.TTF");
unicode-range: U+0020-U+007E;
advancedAntiAliasing: true;
}
@font-face {
font-family: MainFont;
src: url("assets/fonts/verdanab.TTF");
unicode-range: U+0020-U+007E;
advancedAntiAliasing: true;
fontWeight: bold;
}
@font-face {
font-family: MainFont;
src: url("assets/fonts/verdanai.TTF");
unicode-range: U+0020-U+007E;
advancedAntiAliasing: true;
fontStyle: italic;
}
@font-face {
font-family: MainFont;
src: url("assets/fonts/verdanaz.TTF");
unicode-range: U+0020-U+007E;
advancedAntiAliasing: true;
fontWeight: bold;
fontStyle: italic;
}
global {
font-family: MainFont;
}
