<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white" viewSourceURL="srcview/index.html">

	<mx:Script>
		<![CDATA[
			/* Import all the easing classes so its 
			   easier to switch between them on the 
			   fly without tweaking import statements. */
			import mx.effects.easing.*;
		]]>
	</mx:Script>

	<mx:Style>
		@font-face {
			src: url('assets/base02.ttf');
			font-family: Base02;
			/* unicode-range: U+0021-U+007B; */ /* whole range of uppercase, lowercase, symbols and punctuation. */
			unicode-range:
				U+0054-U+0054, /* T */
				U+0061-U+007A, /* a-z */
				U+002E-U+002E; /* . (period) */
		}

		.MyEmbeddedFont {
			font-family: Base02;
			font-size: 14px;
		}
	</mx:Style>
	
	<!-- 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="zoom.play();" effectEnd="zoom.play()" />
</mx:Application>