4.13.在HTML中应用嵌入字体

4.13.1. 问题
我想在一个HTML 文本中使用一个嵌入字体。
4.13.2. 解决办法
使用一个样式中的@font-face 标签来嵌入字体，然后使用<font> 标签来设置这个标签的family 属性。
4.13.3. 讨论
在HTML 文本中应用嵌入字体要比使用系统字体复杂的多。应用字体的标准方法是简单的设置一个样式中的font-family 属性中的font，然后把样式应用在一个span 上。然而，嵌入字体要求HTML 中的font 标签必须应用应用嵌入字体。
<font size="20" family="DIN">Using the new font</font>
这个font 标签通过将fontFamily 属性插入到<mx:Style>标签中的font-face 声明中来使用。
@font-face{
src:url("../assets/DIN-BLAC.ttf");
fontFamily:DIN;
advancedAntiAliasing: true;
}
下面是完整的例子:

-XML

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute">
<mx:Style>
@font-face{
src:url("../assets/DIN-BLAC.ttf");
fontFamily:DIN;
advancedAntiAliasing: true;
}
.embeddedFontStyle{
fontFamily:DIN;
fontSize:18px;
color:#CCCCFF;
}
.white{
color:#ffffff;
}
</mx:Style>
<mx:VBox backgroundColor="#000000">
<mx:Label text="This is some test text"
styleName="embeddedFontStyle"/>
<mx:TextArea id="ta" backgroundAlpha="0" width="250"
height="150" styleName="white">
<mx:htmlText>
<![CDATA[
Not Using the New Font.<font size="20"
family="DIN">Using the new
font</font>
]]>
</mx:htmlText>
</mx:TextArea>
</mx:VBox>
</mx:Application>

加支付宝好友偷能量挖...

2010-3-10评论(0)网络

阅读(84)喜欢(0)分类：flash/flex/fcs/AIR