設計師在設計網站過程中(zhōng),為(wèi)了整體(tǐ)的效果會在局部使用(yòng)特殊字體(tǐ)。

　　不要小(xiǎo)瞧了簡單的幾個字，開發的時候可(kě)是個大麻煩。為(wèi)什麽呢(ne)?這就要從電(diàn)腦的字體(tǐ)說起來，主流的電(diàn)腦操作(zuò)系統基本是windows、Mac這2種，操作(zuò)系統正常都會帶有(yǒu)一些字體(tǐ)，例如我們比較熟悉的微軟雅黑。

　　如果網站代碼裏指定文(wén)字字體(tǐ)用(yòng)微軟雅黑，那麽很(hěn)簡單電(diàn)腦上都有(yǒu)安(ān)裝(zhuāng)，直接就能(néng)展示。

　　如果代碼指定使用(yòng)的是電(diàn)腦上沒有(yǒu)的字體(tǐ)呢(ne)，這時候浏覽器就無法顯示這個字體(tǐ)。這種情況網站就必須上傳指定的字體(tǐ)，浏覽器加載後才能(néng)正常顯示字體(tǐ)效果。

中(zhōng)文(wén)字體(tǐ)文(wén)件太大

　　中(zhōng)文(wén)上傳字體(tǐ)就能(néng)解決問題嗎?實際的情況要更複雜，英文(wén)隻有(yǒu)26個字母加了符号這些，字體(tǐ)文(wén)件往往隻有(yǒu)幾十k，一兩百k大小(xiǎo)，而中(zhōng)文(wén)一個文(wén)件下來好幾M。

　　如果多(duō)用(yòng)2個字體(tǐ)，網站豈不是還沒打開就先加載十幾M的字體(tǐ)，顯然是不能(néng)這麽做的。

解決方案

1、切成圖片

　　涉及特殊字體(tǐ)的文(wén)字，隻能(néng)隐藏其他(tā)圖層後切成圖片，以圖片的形式在網頁(yè)中(zhōng)展示。

　　這個方式的缺點是文(wén)字修改都必須重新(xīn)導出圖片。

2、font-spider

　　字蛛是一個開源中(zhōng)文(wén)字體(tǐ)壓縮器,讓網頁(yè)自由引入中(zhōng)文(wén)字體(tǐ)成為(wèi)可(kě)能(néng)。

　　http://font-spider.org/

　　有(yǒu)了這個便捷的工(gōng)具(jù)，前端工(gōng)程師們就可(kě)以針對個别文(wén)本導出幾k大小(xiǎo)的字體(tǐ)來使用(yòng)，從而達到頁(yè)面顯示效果與網頁(yè)加載速度兩者間的平衡。

　　唯一的缺點是因為(wèi)中(zhōng)文(wén)字體(tǐ)的特性，font-spider對于大量的文(wén)本也沒太大的辦(bàn)法，大量的文(wén)本(特别是包括的不同字越多(duō))最終還是會導緻導出的字體(tǐ)文(wén)件大小(xiǎo)直線(xiàn)上升。