You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@flex.apache.org by "paulo.ferreira" <pa...@arealmedia.com> on 2013/11/29 12:42:53 UTC
Font render problem
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.
RE: Font render problem
Posted by Miguel Ferreira <mi...@hotmail.com>.
Welcome to the subject...
The difference is in the renderers.
I was blocked several times with this issue the i had to manage workarounds for the goals that i wished.Ex:Pdf outputApp presentation etc..If you find a solution or construct one please post! ;)
> Date: Fri, 29 Nov 2013 03:42:53 -0800
> From: paulo.ferreira@arealmedia.com
> To: dev@flex.apache.org
> Subject: Font render problem
>
> 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.