5 Replies Latest reply on May 5, 2010 7:30 AM by DilipShah

    embedded Verdana - 'i' looks like 'l'

    DilipShah Level 1
      Hi
      I'm embedding Verdana font in my application to get  to use advancedAntiAliasing property. With embedded Verdana Bold, the lower  case 'i' looks more like a lower case 'l'. Any suggestion on how to address this  issue?
      Thanks,
      Dilip

      Sample text output:
      iWithVerdabaBold.PNG
      Sample code:

      <?xml version="1.0" encoding="utf-8"?>
      <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
                     xmlns:s="library://ns.adobe.com/flex/spark"
                     xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
          <fx:Declarations>
              <!-- Place non-visual elements (e.g., services, value objects) here -->
          </fx:Declarations>
         
          <fx:Style>
              @font-face {
                  src: url("assets/fonts/verdanab.ttf");
                  fontFamily: verdanaBoldEmbedded;
                  fontStyle: normal;
                  fontWeight: normal;
                  advancedAntiAliasing: true;
                  embedAsCFF:true;
                  cff:true;
              }
          </fx:Style>
         
                  <s:RichText
                      fontFamily="verdanaBoldEmbedded"
                      fontSize="14"
                      color="0xff0000"
                      >
                      <s:text>
                          Content types: Video, Audio, Animation and Image!
                      </s:text>
                  </s:RichText>
      </s:Application>