技術分享 如何在Flex中使用嵌入字體
在學習Flex的過程中,你可能會遇到在Flex中使用嵌入字體的問題,這里和大家分享一下,相信本文介紹一定會讓你有所收獲。
在Flex中使用嵌入字體
在處理文本時,為了美觀,有時會給文本選擇一些特殊的字體,使得文本不那么單調,這就會引發一個問題:由于每個用戶的系統有差異,當對方機器上沒有安裝你指定的字體時,FlashPlayer會自動選擇一個合適的字體,無法保證文字的外觀在控制之中,很可能會走樣。
如何避免出現這樣的情況?
解決方法有兩種:
使用設備字體和使用嵌入字體。設備字體的特性是用戶機器上的所有字體都***可能地模擬其外觀,保持文本的樣式不會出現較大變化;嵌入字體是指將字體文件編譯進SWF文件中或者運行時加載到SWF文件中,供SWF文件使用。這樣不管用戶是否安裝了該字體,都可以正常顯示。使用嵌入字體的好處還有:文本具有抗鋸齒,邊緣更平滑,文本可以設置透明度,文本還可以旋轉。當然也有缺點,首先便是增加了程序的文件大小,而且嵌入字體只支持TrueType(微軟和Apple公司共同研制的字型標準)類型,當字體大小小于10時,文本會很難辨認。
◆一般情況下,使用設備字體就足夠了,FlashPlayer支持三種設備字體:_sans,_serif,_typewriter。所以在定義樣式時,為保證效果,可以這樣:
- Application{
- fontSize:12;
- fontFamily:Arial,"_sans";
- }
當用戶的機器上沒有Arial字體,FlashPlayer自動使用“_sans”設備字體。和系統字體的使用不同,設備字體必須用引號。
有些情況要求必須使用嵌入字體,例如使用了動畫效果中的部分效果如Fade(淡入淡出效果)、Rotate(旋轉效果),Dissolve(溶解效果)。可以在樣式在定義嵌入字體:
- <mx:Style>
- @font-face{
- src:local("Arial");//嵌入本機字體
- fontFamily:myFont;//字體的別名
- fontStyle:normal;//默認normal,正常,可選值:italic|oblique|normal
- fontWeight:normal;//默認normal,正常,可選值:bold|heavy|normal
- flashType:true;//默認true,添加文本的額外信息,使得文本抗鋸齒
- ,平滑顯示
- }
- Application{
- fontSize:12;
- fontFamily:myFont;//指定字體,使用嵌入字體的別名
- }
- </mx:Style>
◆在嵌入一些雙字節型的字體,比如中文字體,日文字體時,字體信息復雜,字體文件大,為了減小程序的文件大小,可以對嵌入字體的字符范圍進行限制,這樣,沒有使用的字符信息不會被包含在文件中。例如上面使用了英文字體,只能使用英文范圍內的字符,如果使用了中文,將無法顯示。
在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,/*數字[0..9]*/
- U+002E-U+002E;/*點[.]*/
- }
【編輯推薦】