學習總結 在Flex中如何嵌入Flex字體
本文和大家重點討論一下在Flex中嵌入Flex字體方法，在Flex中所有非系統(tǒng)安裝Flex字體都需要注冊后才能使用。希望本文的介紹能讓你有所收獲。
在Flex中嵌入Flex字體方法總結
嵌入Flex字體
語法
- [Embed(source="C:/WINDOWS/Fonts/arial.ttf",
- fontName="Arial",
- mimeType="application/x-font")]
- private var ArialFont:Class;
source: 字體文件所在路徑（本地）
fontName: 程序中所使用的字體別名
mimeType: 照抄就行了=_=
其中source還可以是指定為字體名稱,而不一定是字體文件.另外還有其它屬性可以設置,詳細查看這里
在Flex中所有非系統(tǒng)安裝Flex字體都需要注冊后才能使用。對于一個用上述方法直接嵌入字體的Flex程序，該嵌入字體會被自動注冊。
可以通過以下程序查詢：
- var font_list:Array = Font.enumerateFonts();
- for(var i:int=0; i<font_list.length; i++)
- trace(Font(font_list[i]).fontName);
嵌入的Flex字體會排列在前面.
◆問題是,如果系統(tǒng)里面有這個字體,我何必還要去嵌入呢?
假如你的系統(tǒng)里面有個奇怪的字體,當你肆無忌憚的用在了你的項目里,而整個作品仍到網上后,其它用戶的機器里面沒有這個奇怪的字體,他們可能就看不到,或者看到的是他們系統(tǒng)中所帶字體顯示出來的文字。這顯然不是你想要的,所以,在使用一些別人可能沒有的字體時,嵌入是很有必要的.但如果就這樣直接嵌入,最直接的影響就是加大swf文件的大小.可憐我們這些用漢字的,一個中文字體動不動就幾M...orz.如果一個項目有一堆swf要用幾個相同的中文字體,每個swf都嵌一遍,估計這個項目加起來不會比帝國時代來的小-_-.說的再技術性一點,這么做還不便于維護,修改等等......
此類問題可算是老生常談了,所以我們要做的辦法就是共享字體.
這個方法在flash里面很簡單,只要在庫中選擇添加新字體,然后選擇自己要的字體,修改元件屬性為共享導出,最后發(fā)布就行了.具體看這里
整個過程就是如何去使用共享庫,這個技術很古老了,但還是很管用的，到了Flex2,這個過程實際上更簡單了,如果有flash的朋友,可以直接看Flex的幫助 - 如何使用flash類型的字體
我這里要講的是,不用flash,直接用Flex完成所有動作.
首先,挑個要嵌入的Flex字體,比如04b_08,這個字體不是每個人都裝的.因為Flex可以用程序來支持直接嵌入字體,所以挑的字體不管是否已經安裝在系統(tǒng)中,都是無所謂的.測試的時候,你也可以把安裝在系統(tǒng)中的字體先刪除(記得備份),有些系統(tǒng)字體是無法刪除的,比如Arail,Verdana,宋體等.
接著,建立一個as文件,叫FontAssets.as好了,寫入如下代碼后保存 package
- {
- import flash.display.Sprite;
- public class FontAssets extends Sprite
- {
- [Embed(source="assets/04b_08.ttf", fontName="04b_08", mimeType="application/x-font")]
- public var PixelFont:Class;
- }
- }
as3語法我就不多說了,不清楚的看這里
◆為什么要繼承Sprite呢?
因為這個swf文件要在以后的程序中被加載.被加載的swf基類必須是繼承Sprite的.你不信的可以試試不繼承,這個swf可以通過編譯,但加載他的就無法通過編譯了,如果關掉嚴格檢測,運行時就會拋異常...
其實嘛,想想flash,root的類型就是MovieClip,是必然存在的,所以要生成一個swf,必須繼承Sprite也是合理的.因為在as3里面,MovieClip是繼承Sprite的
◆兩個字體對象,為什么要聲明為public呢?
因為到時候要在外部訪問這兩個對象呀.當然,有心人也可以用getter方法來設置成為"只讀"的,我這里就懶一下了^^_.
接著,建立一個mxml文件,叫testSharedFonts.mxml.寫入以下代碼并保存
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application
- xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="absolute"
- styleName="plain"
- >
- <mx:Script>
- <![CDATA[
- private function fontLoadComplete(evt:Event):void
- {
- try{
- Font.registerFont( evt.target.content["PixelFont"] );
- txt1.setStyle("fontFamily", "04b_08");
- }
- catch(e:Error){
- trace(e.toString());
- }
- }
- ]]>
- </mx:Script>
- <mx:SWFLoader source="FontAssets.swf" complete="fontLoadComplete(event);"/>
- <mx:VBox>
- <mx:Text id="txt1" text="test words" fontSize="12"/>
- <mx:Text id="txt2" text="test words" fontSize="12"/>
- </mx:VBox>
- </mx:Application>
◆Flex字體嵌入成功，要注意以下幾點
1.注冊字體的時候,訪問PixelFont的方法是當初AS2時候典型的作弊方法,目的為了騙過編譯器,省的它說,當前對象沒有這個變量或方法.但是 AVM2比較牛,如果訪問的變量或方法確實不存在或者是訪問權限不對,它會在運行時拋異常,這也是為什么,上面我要聲明為public的原因！
2.加載進來的共享字體,一定要先注冊才能使用,對于FontAssets.swf,前面說過,當PixelFont在嵌入的同時就已經注冊好了,但是對于testSharedFonts.swf,則不是,所以加載完了FontAssets.swf之后,還要注冊.
3.一個FontAssets可以同時嵌入多個字體,這樣就可以形成一個共享字體庫,但要注意如果字體太多,這個庫(swf文件)也會變的很大.
【編輯推薦】
- Flex滾動條常見問題解答
- FlexBuilder4十大新特性閃亮登場
- 學習筆記 Flex中設置Flex滾動條的樣式
- 揭開Flex正則表達式的神秘面紗
- FlexBuilder開發(fā)方法及特點解析
