目前位置
自動產生 TTF字型檔(上)
作者:sLoB    發佈於:    文字:【】【】【
摘要:由於一般租用主機無法使用太多 PHP函數,無法將 TTF壓縮為網路字型格式 WOFF與EOT,但 TTF格式仍被大部分瀏覽器(含IE9以上部分支援)支援,也是個不錯的選擇。

擷取字型檔中需要的文字,另存成TTF檔,藉由@font-face 取用~ 

以上字體並不是圖片。
若為了設計應用中文字型,而這些字型檔普遍都在 5~10MB甚至以上,對於網路瀏覽來說是無謂的負擔,原本一頁可能幾百KB的檔案,卻要下載10MB的字型檔,瀏覽者會認為這個網站是不友善的環境!

由於一般租用主機無法使用太多 PHP函數,無法將 TTF藉由程式壓縮為網路字型格式 WOFF與EOT,但 TTF格式仍被大部分瀏覽器支援,也是個不錯的選擇。
值得注意的是,連最不配合的 IE(IE9以上),也部分支援 TTF字型檔!!
並非一定得用 EOT字型檔,這是值得注意的一件事情,對於網頁程式與設計者而言,這是一大福音~

CSS的寫法

@font-face {
font-family: Wayhunt;
src:url(out.ttf) format("truetype");
}

但是在 IE瀏覽器使用時,卻依然不見字型套用,那可能發生權限問題:



那必須對產生字型檔的原檔 font.ttf進行 embed處理,您可以下載附件檔案,並於 DOS模式(命令提示字元開啟
),
執行指令:
embed font.ttf

或直接拖拽字型檔至 embed.exe上即可自動更改。

如此一來,產生後的 out.ttf 即可被IE瀏覽器接受並安裝,即可在 IE看見特殊字型被套用了!


八陣圖 杜甫
功 蓋 三 分 國 , 名 成 八 陣 圖 。
江 流 石 不 轉 , 遺 恨 失 吞 吳 。



下一篇,將介紹如何使用 PHP擷取文字組成新的小巧中文 TTF,以便網頁套用。


附件下載:本文文章附件下載 (已下載65次)
瀏覽 (6637) | 評論 (0) | 評分(0) | 支持(0) | 反對(0) | 發佈人:sLoB
將本文加入收藏夾
Search
美人時計
文章評論
最新評論
更多評論 發表評論
發表評論
您的評價
差(1) 一般(2) 好(3) 很好(4) 非常好(5)
評論標題
評論內容
驗 證 碼
看不清?更換一張
匿名發表 

© 2011 slobgame.net   website templates by styleshout      Powered by Wayhunt WebSite System 1.5