如果網頁引用了特殊字體,而且字體文件較大,頁面響應速度會有延遲,字蛛插件可以通過分析本地 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