Flex 关于字体的应用示例介绍

2012年11月30日

Flex4.5，为了使项目能正确美化字体，并消除字体的锯齿，先把字体文件FZHTJW.TTF放入到项目中

 
<fx:Style> 
@namespace s "library://ns.adobe.com/flex/spark"; 
@namespace mx "library://ns.adobe.com/flex/mx"; 
@font-face{ 
src:url("assets/Fonts/FZHTJW.TTF"); 
fontFamily: FZHTJT; /* 嵌入后的字体名称,也就是程序中要应用的字体 */ 
fontStyle: normal;/* 常用值：normal, italic */ 
fontWeight: normal; /* 常用值：normal, bold */ 
advancedAntiAliasing: true; /* 是否消除锯齿 */ 
fontAntiAliasType:advanced; } 
</fx:Style>

 
<s:Label x="343" y="55" fontFamily="FZHTJT" fontSize="18" text="三国集团"/>

fontFamily 应用嵌入后字体的名称FZHTJT
可以建立多个@font-face{} 使用多种字体，注既然在嵌入式中用了fontWeight和fontStyle，那在组件里就别再重复使用此属性，否则无效。

可以把@font-face{} 保存在CSS文件中，然后通过CSS编译成SWF文件，在应用程序中调用FontAssets.swf

 
@font-face{ 
src:url("FontAssets.swf"); 
fontFamily:FZHTJT; 
}