Comments on: Flex Font Embedding

By: Holland Risley

Holland Risley — Thu, 08 Nov 2007 12:35:54 +0000

This example also includes the unicode range which embeds all common punctuation…

@font-face {
src:url(“../assets/MyriadWebPro.ttf”);
fontFamily: myFontFamily;
flashType: true;
unicodeRange:
U 0041-U 005A, /* Upper-Case [A..Z] */
U 0061-U 007A, /* Lower-Case a-z */
U 0030-U 0039, /* Numbers [0..9] */
U 0020-U 002F, /* Punctuation */
U 003A-U 0040, /* Punctuation */
U 005B-U 0060, /* Punctuation */
U 007B-U 007E; /* Punctuation */
}

Holland Risley

By: Tom Chiverton

Tom Chiverton — Wed, 18 Jul 2007 08:52:02 +0000

Excellent post, and the comments about unicodeRange are useful too – saves 165K (with a normal and a bold fold).

By: Ben

Ben — Wed, 18 Jul 2007 04:44:39 +0000

Alex – Yes, definitely worth mentioning.

Richard & Andrew – You can load font character sets from a swf file if you need to, especially if the font type is not recognized by the flex compiler. Otherwise, you can still define character ranges in CSS.

@font-face { src:url("../assets/MyriadWebPro.ttf"); fontFamily: myFontFamily; flashType: true; unicodeRange: U 0041-U 005A, /* Upper-Case [A..Z] */ U 0061-U 007A, /* Lower-Case a-z */ U 0030-U 0039, /* Numbers [0..9] */ U 002E-U 002E; /* Period [.] */ }

Check out the live docs for details.