4.13.在HTML中應(yīng)用嵌入字體

2024-04-27 13:51:55

字體：大中小

供稿：網(wǎng)友

4.13.1. 問(wèn)題
我想在一個(gè)HTML 文本中使用一個(gè)嵌入字體。
4.13.2. 解決辦法
使用一個(gè)樣式中的@font-face 標(biāo)簽來(lái)嵌入字體，然后使用 標(biāo)簽來(lái)設(shè)置這個(gè)標(biāo)簽的family 屬性。
4.13.3. 討論
在HTML 文本中應(yīng)用嵌入字體要比使用系統(tǒng)字體復(fù)雜的多。應(yīng)用字體的標(biāo)準(zhǔn)方法是簡(jiǎn)單的設(shè)置一個(gè)樣式中的font-family 屬性中的font，然后把樣式應(yīng)用在一個(gè)span 上。然而，嵌入字體要求HTML 中的font 標(biāo)簽必須應(yīng)用應(yīng)用嵌入字體。
Using the new font
這個(gè)font 標(biāo)簽通過(guò)將fontFamily 屬性插入到<mx:Style>標(biāo)簽中的font-face 聲明中來(lái)使用。
@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>