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

在使用Flex 4.5开发项目时，字体美化与消除锯齿是个常见需求。直接嵌入字体文件是最稳妥的方式，下面以FZHTJW.TTF为例，演示具体操作步骤。 首先，将字体文件放入项目中的`assets/Fonts/`目录（或其他自定义路径），然后在主应用程序或样式文件中通过`@font-face`声明嵌入。代码示例如下： ```xml @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; } ``` 关键参数说明： - `fontFamily`：自定义的字体名称，后续在组件中通过该名称引用。 - `fontStyle`和`fontWeight`：在嵌入时定义后，组件中**不要重复使用**这两个属性，否则会导致字体失效。 - `advancedAntiAliasing`与`fontAntiAliasType`：配合使用可开启高级抗锯齿，让字体边缘更平滑。 组件中引用字体只需设置`fontFamily`属性，例如： ```xml ``` 如果需要嵌入多种字体，可以重复书写多个`@font-face{}`块，每个块指定不同的`src`和`fontFamily`。 ### 进阶：将字体打包为外部SWF 如果项目中有多个模块或需复用字体，可以先将字体定义保存在独立的CSS文件中，然后将该CSS编译为SWF（例如`FontAssets.swf`）。在应用程序中通过`@font-face`引用这个SWF，而不是直接引用TTF文件： ```css @font-face{ src:url("FontAssets.swf"); fontFamily:FZHTJT; } ``` 这样，字体资源被集中管理，可减少主应用程序的体积，也便于动态加载。注意，编译CSS为SWF时需确保字体文件路径正确，且SWF中包含了所有必要的字体定义。 实际项目中，建议根据需求选择直接嵌入或外部SWF方式。如果字体使用频率高且几乎全局使用，直接嵌入更简单；如果字体仅在特定场景使用，或者需要按需加载，外部SWF方案更灵活。