首页 > 代码库 > Flex 中文字体终极解决方案
Flex 中文字体终极解决方案
一直以来Flash对中文的支持就不是很好,很多人都发现很多汉字在Flex中无法设置粗体,就是其中一个表现,经过一晚上的折腾,终于突破了这个难题,其实,答案就在Adobe的官方教程里,只能怪自己英文水平太差,废话不表,直入正题,为了便于描述,以google的思源黑体为例:
第一步:将字体编译成swf文件
将自己需要的字体(常规和粗体一般是分开的两个字体文件)拷贝到自己的程序中,我这里是将思源黑体的NotoSansHans-Regular.otf和NotoSansHans-Bold.otf拷贝到src根目录(这些在编译后就可以删掉了),然后在根目录建立syht.css,内容如下:
/* CSS file */@namespace s "library://ns.adobe.com/flex/spark";@namespace mx "library://ns.adobe.com/flex/mx";@font-face{ src:url(‘NotoSansHans-Regular.otf‘); font-family:syht; font-weight:normal; embed-as-cff:true;}@font-face{ src:url(‘NotoSansHans-Bold.otf‘); font-family:syht; font-weight:bold; embed-as-cff:true;}
然后右键:Compile CSS to SWF,编译后会在目标文件夹生成syht.swf文件,这个就是包含了思源黑体的字体文件了,然后可以删除掉字体文件和syht.css,避免项目在重编译时耗费时间.
第二步:加载字体文件
在主程序的初始化阶段加载字体文件,这里我是将syht.swf放在程序根目录.
protected function application1_initializeHandler(event:FlexEvent):void{ FlexGlobals.topLevelApplication.styleManager.loadStyleDeclarations2("syht.swf", true);}
上述代码中主程序在载入完成后会立即加载syht.swf字体文件
第三步:添加对EmbeddedFontRegistry的引用
在主程序中import mx.core.EmbeddedFontRegistry;
<fx:Script> <![CDATA[ import mx.core.FlexGlobals; import mx.events.FlexEvent; import mx.core.EmbeddedFontRegistry; EmbeddedFontRegistry; protected function application1_initializeHandler(event:FlexEvent):void { FlexGlobals.topLevelApplication.styleManager.loadStyleDeclarations2("syht.swf", true); } ]]></fx:Script>
第四步:添加编译选项-theme+=frameworks\projects\spark\MXFTEText.css
如果提示找不到该文件,请直接去SDK包里对应的目录下找,并拷贝到程序中,比如拷贝到根目录,那么-theme+=MXFTEText即可
然后就可以设置fontFamily=syht来应用字体了,一般都是在global样式中设定默认字体,我就不写代码了.
另外,如果是Flex3,那么请忽略第四步,并且第一步的css中embed-as-cff请设置为false
Flex 中文字体终极解决方案