<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" creationComplete="init()" viewSourceURL="srcview/index.html">
    <mx:Style source="FontFace.css"/>    
    <mx:Script>
        <![CDATA[
            import mx.events.ListEvent;
            import flash.text.Font;
            [Bindable]
            private var arr:Array=new Array();

            private function init():void {
             /*arr = ["【梅字型】Arial","【梅字型】標楷體"];*/
             arr=Font.enumerateFonts(true);
             arr.sortOn("fontName", Array.CASEINSENSITIVE);
             var arrFont:Array=new Array;
                for(var i:int=0; i < arr.length; i++)
                {
                    if(i != arr.length){
                        arrFont.push(arr[i].fontName);
                    }else{
                        arrFont.push(["【梅字型】Arial","【梅字型】標楷體"]);
                    }
                }                
                arr=arrFont;            
           }           
        
            private function changeColor():void
            {                
                this.mylb.setStyle("color",fontColor.value);                
            }
            private function chageSize():void
            {
                this.mylb.setStyle("fontSize",fontSize.value);
            }
            private function fontB(event:MouseEvent):void
            {
                if(event.target.selected){
                    this.mylb.setStyle("fontWeight","bold");
                }else{
                    this.mylb.setStyle("fontWeight","");
                }                
            }
            private function fontI(event:MouseEvent):void
            {
                if(event.target.selected){
                    this.mylb.setStyle("fontStyle","italic");
                }else{
                    this.mylb.setStyle("fontStyle","");
                }            
            }
            private function fontU(event:MouseEvent):void
            {
                if(event.target.selected){
                    this.mylb.setStyle("textDecoration","underline");
                }else{
                    this.mylb.setStyle("textDecoration","");
                }            
            }
            private function fontFamily():void
            {
                //trace(this.myfonts.selectedLabel);
                this.mylb.setStyle("fontFamily",this.myfonts.selectedLabel);
            }
        ]]>
    </mx:Script> 
    <mx:ComboBox id="myfonts" dataProvider="{arr}" change="fontFamily()"/>
    <mx:HBox>
        <mx:ColorPicker id="fontColor" change="changeColor()"/>
        <mx:NumericStepper id="fontSize" minimum="8" maximum="72" stepSize="1" value="12" change="chageSize()" width="52"/>    
        <mx:Button label="B" click="fontB(event)" toggle="true" width="35"/>
        <mx:Button label="I" click="fontI(event)" toggle="true" width="35"/>
        <mx:Button label="U" click="fontU(event)" toggle="true" width="35"/>
    </mx:HBox>
    <mx:Label id="mylb" text="梅問題Minwt.com" fontSize="12"/>    
</mx:Application>