Search Flex Components Free

Custom Search

January 23, 2008

Specifying certain unicode-ranges for embedded fonts

you want to embed the numbers 0-9, you would click on “0″ and note it’s Unicode value (U+0030), then click on “9″ and do the same (U+0039). Now, in your Flex application, you would specify this range in the @font-family style block like so:

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx=""






/* Import all the easing classes so its

easier to switch between them on the

fly without tweaking import statements. */

import mx.effects.easing.*;




@font-face {

src: url('assets/base02.ttf');

font-family: Base02;


U+0054-U+0054, /* T */

U+0061-U+007A, /* a-z */

U+002E-U+002E; /* . (period) */


.MyEmbeddedFont {

font-family: Base02;

font-size: 14px;



<!-- Set zoom effect for 2.5 seconds (2500 milliseconds) and use the Elastic.easeOut easing method. -->

<mx:Zoom id="zoom" duration="2500" easingFunction="Elastic.easeOut" target="{embeddedText}" />

<!-- Use advanced font anti-aliasing for the embedded font, set

the rotation to 5 degrees, alpha to 80% and loop the animation. -->

<mx:Text id="embeddedText" text="The quick brown fox jumped over the lazy dog." styleName="MyEmbeddedFont" rotation="5" alpha="0.8" fontAntiAliasType="advanced" creationComplete=";" effectEnd="" />


Related Flex Tutorials