html引用字體過大,頁面加載緩慢,可以通過壓縮字體解決

如果網頁引用了特殊字體,而且字體文件較大,頁面響應速度會有延遲,字蛛插件可以通過分析本地 CSS 與 HTML 文件獲取 WebFont 中沒有使用的字符,並將這些字符數據從字體中刪除以實現壓縮,同時生成跨瀏覽器使用的格式,從而在不影響網頁效果的前提下,加快網頁響應速度。使用方法如下:

1.先安裝運行Node.JS

2.安裝字蛛插件font-spider,命令爲:

npm install font-spider -g

或者

cnpm install font-spider -g

3.創建一個包括有特殊字體文件的HTML頁面,文字格式爲:ttf

4.字體壓縮

在項目目錄下Shfit+右鍵,

或者在當前窗口地址欄輸入:cmd

在打開的命令窗口運行命令:

font-spider ./*.html

意思是壓縮當前文件夾下所有html所引用的字體

 

5.查看壓縮結果

由圖可見已經把原來3M多的字體壓縮爲8K大小的字體文件了。

 

字蛛官網地址:http://font-spider.org/#use

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章