My del.icio.us
Fixed My Flex Font Woes With Flash.
I had some issues with embedding Trajan Pro into my Flex file using the src: local method. It simply was making the type look bad (cropped extenders on the allcaps fonts capitalized characters). After some looking around, and seeing a few strategies on type handling in Flex I came to the conclusion that I needed to make a SWF file in Flash with the font embedded and linked. Turned out much better. Looks great, renders properly and handles fades and effects.
I noticed that through some quick tests evaluating the baselinePosition property that the font Trajan had a particularly high baseline number (78) compared to most other small caps fonts I tested (most in the 40-60 range)… not sure if this related, or bears any on the issues I was seeing, but as the baseline refers to the y placement of the type in a text or label control and the fonts were exhibiting cropped extenders when placed in a control, I assume it’s some sort of rendering bug or inability on Flex’s part to accurately draw type with a high baseline position and a high y axis height.
Anyone else see this before?
Posted on September 10, 2007
Jason Sep 26
You can edit the Font file itself (.otf file) with FontForge and change the baseline property…forcing the font to drop lower when embedded.
see my full instructions on previous post under “some issues” / ‘flex text handling leaves something to be desired..’
Hope it helps cheers, J
Jason Sep 26
Better QUICK Solution in Flash CS3:
1. Create the embedded new font in your library.
2. Change your text field type from ‘Static’ to –> “Dynamic”
- you may have to resize some text fields
- make sure to choose “multi-line” if appropriate
3. Change font face for text field to the one your created in your library (it will have an asterisk * after the name ie. font*)
4. Click the “Embed” button on the property inspector. Choose the character sets you need embedded. (ie. A-Z, 0-9, etc).
—-
That’s it.
Hope this helps anyone having similar problems,
J