0 Replies Latest reply on Jul 31, 2009 8:26 AM by wrkoch

    Builder vs Embedded Fonts

    wrkoch Level 1

      Recently I had the need to embed font's in my Flex 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;
      }