字蛛的好處就不說了，的確對於中文字型是一種創新，因為網頁的字型直接影響美觀度，但是用@font-face預先載入字型，因為受使用者頻寬影響，

所以要載入一陣子，大大降低了體驗，可能這個時候很多人就放棄使用自定義字型了，直接用用電腦自帶字型，但是說實話真的不好看，特別是對於我這種對細節要求高的人來說。所以便找一種快速載入的方法，只能從減少字符集來入手，把常用的字元存起來供使用者載入，這樣就比原來幾十M的載入快不少。研究這個可惜沒有老師，只能自己邊搜前輩的，變測試。偶然發現了font-spider這個工具。

總之挺周折的吧，首先對node.js就不是很熟悉

先要安裝node.js

下載到伺服器（https://nodejs.org/en/download/）然後安裝

但是發現總是提示無法npm

因為不懂就花了好多時間，發現其實是因為國內npm國外資源被遮蔽了

所以就搜了解決方案（http://blog.csdn.net/daiqinge/article/details/78343159）

於是乎就真的解決了。

就開始了下面的步驟

先安裝nodejs和git，比如放在D:/nodejs/  資料夾

cmd 進入該資料夾，安裝npm install express

安裝 npm install font-spider -g

安裝 npm install grunt-font-spider --save-dev

安裝 npm install gulp-font-spider --save-dev

至此，安裝完成。比如我們要壓縮 F：/test/www/  目錄下的字型，先把ttf字型放在 www/font/ 資料夾裡，

然後用cmd進入www資料夾，執行：font-spider index.html 或者font-spider *.html 即可。

但是在執行：font-spider index.html 之後出現了web font not found.

FUCK！

乾脆把所有的字型名稱都改成了pinghei！

還是不行，

最後發現index.html裡的style.css是絕對路徑不是相對路徑，就索性加上在前面加上了 ./

大概就是這個樣子：

“<link id="Portals" rel="stylesheet" type="text/css" href="./skin/css/style.css" />”

然後在css檔案裡參照此引用 ：

/*宣告 WebFont*/
@font-face {
  font-family: 'pinghei';
  src: url('../font/pinghei.eot');
  src:
    url('../font/pinghei.eot?#font-spider') format('embedded-opentype'),
    url('../font/pinghei.woff') format('woff'),
    url('../font/pinghei.ttf') format('truetype'),
    url('../font/pinghei.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*使用選擇器指定字型*/
.home h1, .demo > .test {
    font-family: 'pinghei';
}

　　字型檔案依然放在font資料夾裡。這樣就ok了。

終於大功告成，

只可惜這個工具不是動態的，定期改變網站的index.html檔案還得定期生成，而且不能掃根目錄下所有的html....

官網：http://font-spider.org/