擷取字型檔中需要的文字,另存成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,以便網頁套用。