Flex-动态嵌入字体

Flex编译器，位于flex sdk的bin目录，例如：Flash Builder 4 sdk 3.5 "C:\Program Files\Adobe\Adobe Flash Builder 4\sdks\3.5.0\bin"， 编译器的详细使用说明参考官方文档Using the Flex Compilers主题。



mxmlc.exe：应用程序编译器，可以把*.mxml(*.as)、*.css等主要文件编译成swf。



flash/flex使用设备字体存在严重锯齿问题，不够美观，而且当计算机没有相应字体时会造成内容无法显示等问题，该系列文章介绍flex技术平台下如何实现字体的动态嵌入。



字体样式



需要编译的css文件：WB_Arial.css



/* CSS file */



@font-face {



    src:local("Arial");



    fontFamily: WB-Arial; /* 嵌入后的字体名称 */



    fontStyle: normal;/* 常用值：normal, italic */



    fontWeight: normal; /* 常用值：normal, bold */



    advancedAntiAliasing: true;



}



使用mxmlc.exe编译字体样式



打开命令行，运行以下命令编译css，生成swf：(格式：mxml.exe [srcFile] –output [destFile])



mxmlc.exe WB_Arial.css



使用字体swf



用编辑器生成WB_Arial.swf后，在FontTest2.mxml里加载使用：



<![CDATA[



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



<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:local="*" creationComplete="Init()" backgroundColor="#FFFFFF">



    <mx:Script>



            import mx.events.StyleEvent;



            private var styleLoader:IEventDispatcher;



            private function Init():void



            {



                styleLoader = mx.styles.StyleManager.loadStyleDeclarations("Fonts/WB_Arial.swf",false, true);//加载字体swf



                styleLoader.addEventListener(StyleEvent.COMPLETE, OnStyleEvent);



                styleLoader.addEventListener(StyleEvent.ERROR, OnStyleEvent);



            }



            private function OnStyleEvent(event:StyleEvent):void



            {



                if(event.type == StyleEvent.COMPLETE)



                {



                    trace("load WB_Arial.swf complete....");



                    var textField:TextField = new TextField();



                    textField.type = TextFieldType.DYNAMIC;



                    textField.autoSize = TextFieldAutoSize.LEFT;



                    textField.embedFonts = true;//嵌入设置