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

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

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

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

中文字體文件太大

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

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

解決方案

1、切成圖片

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

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

2、font-spider

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

　　http://font-spider.org/

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

　　唯一的缺點(diǎn)是因?yàn)橹形淖煮w的特性，font-spider對(duì)于大量的文本也沒太大的辦法，大量的文本(特別是包括的不同字越多)最終還是會(huì)導(dǎo)致導(dǎo)出的字體文件大小直線上升。