技術(shù)分享 如何在Flex中使用嵌入字體
在學(xué)習(xí)Flex的過程中,你可能會遇到在Flex中使用嵌入字體的問題,這里和大家分享一下,相信本文介紹一定會讓你有所收獲。
在Flex中使用嵌入字體
在處理文本時(shí),為了美觀,有時(shí)會給文本選擇一些特殊的字體,使得文本不那么單調(diào),這就會引發(fā)一個(gè)問題:由于每個(gè)用戶的系統(tǒng)有差異,當(dāng)對方機(jī)器上沒有安裝你指定的字體時(shí),F(xiàn)lashPlayer會自動選擇一個(gè)合適的字體,無法保證文字的外觀在控制之中,很可能會走樣。
如何避免出現(xiàn)這樣的情況?
解決方法有兩種:
使用設(shè)備字體和使用嵌入字體。設(shè)備字體的特性是用戶機(jī)器上的所有字體都***可能地模擬其外觀,保持文本的樣式不會出現(xiàn)較大變化;嵌入字體是指將字體文件編譯進(jìn)SWF文件中或者運(yùn)行時(shí)加載到SWF文件中,供SWF文件使用。這樣不管用戶是否安裝了該字體,都可以正常顯示。使用嵌入字體的好處還有:文本具有抗鋸齒,邊緣更平滑,文本可以設(shè)置透明度,文本還可以旋轉(zhuǎn)。當(dāng)然也有缺點(diǎn),首先便是增加了程序的文件大小,而且嵌入字體只支持TrueType(微軟和Apple公司共同研制的字型標(biāo)準(zhǔn))類型,當(dāng)字體大小小于10時(shí),文本會很難辨認(rèn)。
◆一般情況下,使用設(shè)備字體就足夠了,F(xiàn)lashPlayer支持三種設(shè)備字體:_sans,_serif,_typewriter。所以在定義樣式時(shí),為保證效果,可以這樣:
- Application{
- fontSize:12;
- fontFamily:Arial,"_sans";
- }
當(dāng)用戶的機(jī)器上沒有Arial字體,F(xiàn)lashPlayer自動使用“_sans”設(shè)備字體。和系統(tǒng)字體的使用不同,設(shè)備字體必須用引號。
有些情況要求必須使用嵌入字體,例如使用了動畫效果中的部分效果如Fade(淡入淡出效果)、Rotate(旋轉(zhuǎn)效果),Dissolve(溶解效果)??梢栽跇邮皆诙x嵌入字體:
- <mx:Style>
- @font-face{
- src:local("Arial");//嵌入本機(jī)字體
- fontFamily:myFont;//字體的別名
- fontStyle:normal;//默認(rèn)normal,正常,可選值:italic|oblique|normal
- fontWeight:normal;//默認(rèn)normal,正常,可選值:bold|heavy|normal
- flashType:true;//默認(rèn)true,添加文本的額外信息,使得文本抗鋸齒
- ,平滑顯示
- }
- Application{
- fontSize:12;
- fontFamily:myFont;//指定字體,使用嵌入字體的別名
- }
- </mx:Style>
◆在嵌入一些雙字節(jié)型的字體,比如中文字體,日文字體時(shí),字體信息復(fù)雜,字體文件大,為了減小程序的文件大小,可以對嵌入字體的字符范圍進(jìn)行限制,這樣,沒有使用的字符信息不會被包含在文件中。例如上面使用了英文字體,只能使用英文范圍內(nèi)的字符,如果使用了中文,將無法顯示。
在font-face中使用unicodeRange來指定字符范圍,例如:
- @font-face{
- src:local("Arial");
- fontFamily:myFont;
- flashType:true;
- unicodeRange:
- U+0041-U+00***,/*大寫字母[A..Z]*/
- U+0061-U+007A,/*小寫字母a-z*/
- U+0030-U+0039,/*數(shù)字[0..9]*/
- U+002E-U+002E;/*點(diǎn)[.]*/
- }
【編輯推薦】
- 使用FlexSDK4時(shí)三大注意事項(xiàng)
- FlexBuilder4十大新特性閃亮登場
- 兩大方式實(shí)現(xiàn)Flex設(shè)置瀏覽器標(biāo)題
- 揭開Flex正則表達(dá)式的神秘面紗
- 技術(shù)分享 在Flex中嵌入Flex字體的步驟