4.13.在HTML中應用嵌入字體

2024-04-27 13:51:55

字體：大中小

來源：轉載

供稿：網友

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>