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

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

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

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

中文字體文件太大

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

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

解決方案

1、切成圖片

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

　　這個(gè)方式的缺點(diǎn)是文字修改都必須重新導出圖片。

2、font-spider

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

　　http://font-spider.org/

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

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