Flex 字体使用

最新推荐文章于 2024-09-11 08:33:29 发布

转载最新推荐文章于 2024-09-11 08:33:29 发布 · 56 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/hainange/archive/2010/01/24/6153043.html

本文详细解析了Flex系统中字体的类型、使用方法，包括TrueType和OpenType的区别，本地与URL定义字体的方式，以及如何在CSS中进行字体设置。通过实例演示了如何在Flex应用中灵活使用字体，确保跨平台的一致性和清晰度。

今天在把玩开源的flex系统和控件时碰到了字体不能编译的问题，所以对字体进行了较为深入的研究。

Flex 支持的True Type和Open Type类型的字体

讲下他们之间的区别

TrueType 字体可调整到任意大小，并且在所有大小情况下，都是清晰可读的。可以将它们发送给 Windows 支持的任何打印机或其他输出设备。

OpenType 字体与 TrueType 字体相关，但包括更大的基本字符集扩展，包括小型大写、老样式数字及更复杂的形状，如“字形”和“连字”。

flex中字体的使用

以下个例子是使用本地的字体，这些字体读取的默认路径是C:/WINDOWS/Fonts，在你把玩别人的flex应用时，你需要注意他人的字体你是否都有了。

<mx:Style> @font-face { src:local("Tahoma"); fontFamily: localFont; fontWeight: bold; } </mx:Style> <mx:Button fontFamily="localFont" label="Try Me"/>

你也可以通过url定义字体，然后就可以使用相对或绝对路径定义字体

<mx:Style> @font-face { src:url("assets/tahoma.ttf"); fontFamily: localFont; fontWeight: bold; } </mx:Style> <mx:Button fontFamily="localFont" label="Try Me"/>

@font-face 所有属性如下

src:url("assets/aaa.png")字体url

src:local("Tahoma");本地字体
fontFamily: localFont;字体别名

fontStyle:italic;字体倾斜
fontWeight: bold;字体的粗细默认为normal

advancedAntiAliasing:true字体防锯齿

最后讲下在css中使用字体

<mx:Style> @font-face { src:url("assets/Abduction.ttf"); fontWeight: normal; fontFamily: localFont; } .coolStyle { fontFamily: localFont; fontWeight: normal; } </mx:Style> <mx:Button styleName="coolStyle" label="Try Me"/>

转载于:https://www.cnblogs.com/hainange/archive/2010/01/24/6153043.html