Text display and scaling issue

Question

Hello,
I don't know if this is done by design, but after I released our internal newspaper build on Flex, the number one complaint I received was that when zooming in, the space between the letter was not consistent and in some of the words, the letter are either too far spaced or glued to each other.
I build a little test app to demonstrate what I mean.
I will first post the results and then the code.
First here is a snapshot of text at scale 1: Everything looks great
Now, here is the same text at scale 1.5: (I only scale x and y, it never occur to me at first that I should use z as well)
Notice how crisp the text is but the downside are the distorded words: I highlighted a few in yellow.
So then I figured I give a shot to the z axis and scale that one as well: to my satisfaction the words keep their spacing but the crispiness of the text, not so good!
Here is the little app:
<?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:Script>
<![CDATA[
private function Size(value:Number, useZ:Boolean=false):void
this.TextToSize.scaleX = value; 
this.TextToSize.scaleY = value; 
if(useZ){
this.TextToSize.scaleZ = value;}
else
this.TextToSize.scaleZ = 1;}
]]>
</fx:Script>
<s:VGroup>
<s:HGroup>
<s:Button label="Scale 1" click="Size(1)">
</s:Button>
<s:Button label="Scale 1.5" click="Size(1.5)">
</s:Button>
<s:Button label="Scale 1.5 All Dimensions" click="Size(1.5, true)">
</s:Button>
</s:HGroup>
<s:RichEditableText id="TextToSize" editable="false" fontFamily="Verdana" fontSize="10" width="300">
<s:content>
<s:p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
</s:p>
</s:content>
</s:RichEditableText>
</s:VGroup>
</s:Application>
So now the big question:
Is there a way to get the best of both world? Even word sizing, with crisp text?
Did I miss something, a property that would adjust the fuzziness?
Thanks for any input
CNB

Answer 1

I can use mobile skins for RichText and RichEditableText components for desktop and web projects, but there is a little problem. They have no mobile skins and they are paradoxically not recomended by adobe to use within mobile projects, because they are heavy. But they work great even if they are scaled. Do you still think that this is not a bug?
http://help.adobe.com/en_US/flex/mobileapps/WS19f279b149e7481c6a9f451212b87fe7e87-7fff.htm l#WS19f279b149e7481c6a9f451212b87fe7e87-7ffb
"Try to avoid using the RichText and RichEditableText controls in mobile applications. These controls do not have mobile skins, and they are not optimized for mobile applications. If you do use these controls, you are using TLF, which is computationally expensive."
Is there any chance that this bug will be resolved soon, or do I have to go back to 2004 and make my own class extended from TextField? :-))