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















 
 
 




 
 
 
 