Embedded Verdana - 'i' looks like 'l'

Question

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:
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>

Answer 1

If you set "fontWeight" property to bold in @font-face declaration, then you will have also to set "fontWeight" property to bold on text components that uses this embedded font to display text.
Back to your original question, you can either set cffHinting="none" on RichText component or use bigger font (>=18px)  to display the text.
<s:RichText
        fontFamily="verdanaBoldEmbedded"
        fontSize="14"
        fontWeight="bold"
        cffHinting="none"
        color="0xff0000"
        text="Content types: Video, Audio, Animation and Image!">       
</s:RichText>