Flex 关于字体的应用示例介绍
编程学习 2021-07-05 11:32www.dzhlxh.cn编程入门
Flex4.5,为了使项目能正确美化字体,并消除字体的锯齿,狼蚁网站SEO优化为大家讲解下关于字体的应用,感兴趣的朋友可以参考下
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;
}
代码如下:
<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;
}