首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 媒体动画 > flex >

Flex 字体运用

2012-11-23 
Flex 字体使用Flex 支持的True Type和Open Type类型的字体讲下他们之间的区别TrueType 字体可调整到任意大

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"/>

热点排行