2 Replies Latest reply on Feb 3, 2011 8:10 PM by William567

    Embedding Fonts

    Brent Lamborn Level 2
      I'm trying to embed Verdana font into my Flex 3 application, but the font looks different when it is embedded than when it just uses the client font. Here is my CSS:

      @font-face {
      src: url("assets/fonts/verdana.ttf");
      fontFamily: VerdanaEmbedded;
      fontStyle:normal;
      fontWeight: normal;
      advancedAntiAliasing: true;
      }

      @font-face {
      src: url("assets/fonts/verdanab.ttf");
      fontFamily: VerdanaEmbedded;
      fontStyle:normal;
      fontWeight: bold;
      advancedAntiAliasing: true;
      }

      @font-face {
      src: url("assets/fonts/verdanai.ttf");
      fontFamily: VerdanaEmbedded;
      fontStyle: italic;
      fontWeight: normal;
      advancedAntiAliasing: true;
      }

      @font-face {
      src: url("assets/fonts/verdanaz.ttf");
      fontFamily: VerdanaEmbedded;
      fontStyle: italic;
      fontWeight: bold;
      advancedAntiAliasing: true;
      }


      Application
      {
      font-family: VerdanaEmbedded;
      backgroundAlpha: 0.0;
      backgroundGradientAlphas: 0.0, 0.0;
      /*fontFamily: Arial;*/
      color:#242424;
      }



      Does anyone see any mistakes in my CSS? Are there better ways to embed the font? Why does it look different when it is embedded vs. just using the font from my client machine. Btw, I am using the same ttf files that I pulled from my windows system directory.