web字型體積大導致載入過慢，對於前端來說是一大需要解決的問題，作為乙個前端小白，看不懂文件也是個通病，不過還是花了一些時間和朋友一起研究了這個問題，並找到了解決方案就是「字蛛」。
字蛛**：
github原始碼：
字蛛簡介：
官方的說法 "字蛛是一款中文字型壓縮器"。字蛛通過分析本地 css 與 html 檔案
獲取 webfont 中沒有使用的字元，並將這些字元資料從字型中刪除以實現壓縮，同時生成跨瀏覽器使用的格式。
github中字蛛有4個api。
1. dest 壓縮多個html檔案的webfont:
font-spider dest/*.html
font-spider --info
3.--ignore 忽略檔案：
font-spider --ignore 「圖示\\ .css $ 」 dest / * .html
4.--map 此引數將對映webfont的聯機頁面到本地，然後壓縮（本地路徑必須是絕對路徑）：
font-spider --map 「 /font,/website/font 」 /index.html
1. 首先按照官網說的 先安裝好nodejs然後執行：
npm install font-spider -g
2. 在css中使用webfont：
@font-face
//字型名稱是自定義的，按自己的要求決定名字就可以了。
1. @font-face 中的 src 定義的 .ttf 檔案必須存在，其餘的格式將由工具自動生成。
2. 開發階段請使用相對路徑的 css 與 webfont。
特別需要注意的是：
1. 官網上的第一條注意事項，ttf格式是必須存在的，也就是ttf格式一定要按相對路徑找到檔案才可以。
其他的一定都不要改動，只把字型名字改成自定義的就可以了。（我當時就改動了其他的結果一直沒生效）
2. "../font/"改成自己的路徑建議與ttf格式字型的路徑一樣，
執行完命令後會自動備份原始的ttf格式，壓縮好其他格式將直接放在該路徑下。
在node.js command prompt中直接輸入需要壓縮的頁面
font-spider ./demo/*.html
按照開發來說,一般我們會把 html 按不同的類別分別放進不同的資料夾，可我們怎麼能同時爬取這些字呢，這時就可以利用font-spider在github中給出的api"dest".
github中有乙個例子："font-spider dest/news.html dest/index.html dest/about.html"
為了解決這個問題,我們編寫了一段bash指令碼方便大家使用，只要在每次專案上線前寫出html所在資料夾的路徑，這段指令碼就會自動遍歷出這個資料夾中所有的html檔案，壓縮並執行font-spider命令，從而直接對字型進行生成。當然同時如果資料夾內還存在其他型別的檔案，本指令碼也可以做到忽略其他檔案，只遍歷html檔案。
使用指令碼的方法和其他需要注意的幾項：
1.使用前需要安裝bash，我使用的是git bash。
2.開啟指令碼後會出現一句話 "please input build path:" ,然後寫上你需要壓縮並執行字蛛的資料夾路徑，
點選回車命令就會執行，執行成功後視窗將自動關閉。
3.使用字蛛 nodejs 版本不建議過高，我使用8.x的版本沒有成功，後來改成6.x的版本成功了。
看了其他人的文件發現可能也跟npm有關，如果npm版本過高也是執行不成功。
4.其他文件中也說字蛛使用有坑點，但本人使用中並未碰到，所以在這裡就不再贅述了。
字蛛的用法
官網 為 字蛛通過分析本地 css 與 html 檔案獲取 webfont 中沒有使用的字元，並將這些字元資料從字型中刪除以實現壓縮，同時生成跨瀏覽器使用的格式。npm install font spider g安裝完畢，檢查是否安裝成功可以，font spider v，檢視版本，顯示如下說明安裝成...
中文字型 字蛛 的使用
官網 安裝字蛛需要先安裝node。先安裝好 nodejs，然後執行 npm install font spider g構建外掛程式 grunt font spider gulp font spider 在 css 中使用 webfont 宣告 webfont font face 使用選擇器指定字型 ...
中文字型 字蛛 的使用
官網 安裝字蛛需要先安裝node。先安裝好 nodejs，然後執行 npm install font spider g構建外掛程式 grunt font spider gulp font spider 在 css 中使用 webfont 宣告 webfont font face 使用選擇器指定字型 ...