Font render problem

[paulo.ferreira]

Hi all,
I find some differences when I write on the “Text Area Spark” and “Text Area
Mx” component using the same font family. The first difference that I
noticed it’s about the space between characters that is different on both
components, this difference it is clearer when I use Callimundial
font-family, however this difference exists in another fonts families.
Another difference is noted in the vertical space between the top of the
component and the text; the vertical space is also different between text
lines as you can notice in “Comic Sans” font-family. 

<http://apache-flex-development.2333347.n4.nabble.com/file/n32740/Sem_T%C3%ADtulo.png>
  

There is some property that can be set on the components to solve this
discrepancies between the two different text presentations?

I’m using the following code to reproduce this example:

<?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">
        <fx:Script>
                
        </fx:Script>

        <s:Scroller width="100%" height="100%">
                <s:HGroup paddingBottom="10" paddingLeft="10" paddingRight="10"
paddingTop="10">
                        <s:VGroup>
                                <s:Label text="Text Area Spark" />
                                <s:TextArea fontFamily="Callimundial" 
width="800" height="200"
fontSize="60"
                                                        text="{textExample + 
'\nCallimundial'}"/>
                                <s:TextArea fontFamily="Times New Roman" 
width="800" height="200"
fontSize="60"
                                                        text="{textExample + 
'\nTimes New Roman'}"/>
                                <s:TextArea fontFamily="Verdana" width="800" 
height="200" fontSize="60"
                                                        text="{textExample + 
'\nVerdana'}"/>
                                <s:TextArea fontFamily="Comic Sans MS" 
width="800" height="200"
fontSize="60"
                                                        text="{textExample + 
'\nComic Sans MS'}"/>
                        </s:VGroup>
                        <s:VGroup>
                                <s:Label text="Text Area mx" />
                                <mx:TextArea fontFamily="Callimundial" 
width="800" height="200"
fontSize="60"
                                                         text="{textExample + 
'\nCallimundial'}"/>
                                <mx:TextArea fontFamily="Times New Roman" 
width="800" height="200"
fontSize="60"
                                                         text="{textExample + 
'\nTimes New Roman'}"/>
                                <mx:TextArea fontFamily="Verdana" width="800" 
height="200" fontSize="60"
                                                         text="{textExample + 
'\nVerdana'}"/>
                                <mx:TextArea fontFamily="Comic Sans MS" 
width="800" height="200"
fontSize="60"
                                                         text="{textExample + 
'\nComic Sans MS'}"/>
                        </s:VGroup>
                </s:HGroup>
        </s:Scroller>
</s:Application>




--
View this message in context: 
http://apache-flex-development.2333347.n4.nabble.com/Font-render-problem-tp32740.html
Sent from the Apache Flex Development mailing list archive at Nabble.com.