Re: [flexcoders] Flex Builder vs Embedded Fonts - Partially solved

[Warren]

OK -- after some digging I think I know what's going on.  I'm embedding Verdana 
font.  I'm thinking the issue is that the vertical spacing in the font is 
different than the default font Flex Builder is using.  As a result, the 
measurement routine is off.

This feels like a bug to me -- I'll be checking the Adobe bug system next. The 
only way I can figure out how to fix this is to embed exactly the same font 
that Builder is using by default.

Can anyone tell me how to determine this?


  ----- Original Message ----- 
  From: warrenonflex 
  To: flexcoders@yahoogroups.com 
  Sent: Wednesday, August 05, 2009 8:38 AM
  Subject: [flexcoders] Flex Builder vs Embedded Fonts


    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;
  }