設計師在設計網(wǎng)站過程中,為了整體的效果會在局部使用特殊字體。

　　不要小瞧了簡單的幾個字，開發(fā)的時候可是個大麻煩。為什么呢?這就要從電腦的字體說起來，主流的電腦操作系統(tǒng)基本是windows、Mac這2種，操作系統(tǒng)正常都會帶有一些字體，例如我們比較熟悉的微軟雅黑。

　　如果網(wǎng)站代碼里指定文字字體用微軟雅黑，那么很簡單電腦上都有安裝，直接就能展示。

　　如果代碼指定使用的是電腦上沒有的字體呢，這時候瀏覽器就無法顯示這個字體。這種情況網(wǎng)站就必須上傳指定的字體，瀏覽器加載后才能正常顯示字體效果。

中文字體文件太大

　　中文上傳字體就能解決問題嗎?實際的情況要更復雜，英文只有26個字母加了符號這些，字體文件往往只有幾十k，一兩百k大小，而中文一個文件下來好幾M。

　　如果多用2個字體，網(wǎng)站豈不是還沒打開就先加載十幾M的字體，顯然是不能這么做的。

解決方案

1、切成圖片

　　涉及特殊字體的文字，只能隱藏其他圖層后切成圖片，以圖片的形式在網(wǎng)頁中展示。

　　這個方式的缺點是文字修改都必須重新導出圖片。

2、font-spider

　　字蛛是一個開源中文字體壓縮器,讓網(wǎng)頁自由引入中文字體成為可能。

　　http://font-spider.org/

　　有了這個便捷的工具，前端工程師們就可以針對個別文本導出幾k大小的字體來使用，從而達到頁面顯示效果與網(wǎng)頁加載速度兩者間的平衡。

　　唯一的缺點是因為中文字體的特性，font-spider對于大量的文本也沒太大的辦法，大量的文本(特別是包括的不同字越多)最終還是會導致導出的字體文件大小直線上升。