Jul
18

Embedding Fonts in Flex

Posted by Aaron West at 5:53 PM in Flex

Some of the best looking Flex applications are those that steer away from the default styling. Using customized backgrounds, component skins, and even fonts help make your applications stand out from the crowd. I used all of these concepts when building twitterAIR, my Flex/AIR application that integrates with the Twitter service. But how do you get a font embedded into a Flex application and why would you want to do this?

If you're building an application and you like using standard fonts that reside on most computers - like Arial and Verdana - you don't need to embed any fonts. You can be confident most of your end users will have the fonts your application uses. However, if you design your application with a custom font or anything non-standard you'll need to embed the font in your application in order to ensure everyone sees the same thing.

Continue Reading

Aaron West's Gravatar
About this post:

This entry was posted by Aaron West on July 18, 2007 at 5:53 PM. It was filed in the following categories: Flex. It has been viewed 39064 times and has 10 comments.

1 related blog entries

10 Responses to Embedding Fonts in Flex

  1. You should also take a look at Ben's post, as he covers other alternatives for embedding fonts.

    http://blog.benstucki.net/?p=40

  2. thanks for the usefully Informations. I added this article in my favorites. It`s interesting and usefully.

    @thanks for sharing it, Werbeagentur Harun Isik

  3. Chris

    This is a great tutorial and I've referred quite a few people to it. Just one question: do you have to use True Type fonts when you're in Flash or does that not matter since you're just creating a swf in the end?

  4. @Chris - Good question regarding the types of fonts you can embed in Flash. It's been awhile since I last embedded fonts in Flash so I am not 100% sure what types of fonts you can work with. I want to say I've embedded Open Type and True Type, but I'd have to create a test to be sure.

    You can of course do this on your own following the tutorial. Try embedding different types of fonts and exporting your Flash movie. Then, run the Flash movie and check the results. If you do this, please post back here so others can benefit from what you learn.

  5. css Font examples , Properties , Attribute - - //
    http://www.css-lessons.ucoz.com/font-css-examples....

  6. Hello -
    I followed this tutorial and it worked great! However, the flex app I'm working on needs to support multiple languages, and even when I embed the glyph for Japanese, when the XML web service is returned to my flex app in japanese, it just doesn't display...any thoughts on how to support the multi languages when you embed them? Thanks!

  7. Thank you! The very best is that the resulting swf file does not increase its original size!

  8. @Clara - Be careful, your Flex app will be taxed by the file size of fonts you embed. That's how it works, your Flex app payloads the fonts so users don't have to have them on their computer.

  9. HI,
    How to load swf font at runtime.
    By default load swf in css automatically Embed with main application.
    So, how to reduce main application size.

  10. nhatranglion

    Thanks a lot for this!