【ttf壓縮】解決html引用外部字體加載緩慢問題【字蛛】

項目中有時候會引用到外部字體，但字體文件過大，影響頁面加載速度，使用戶體驗不好，因此咱們須要對引用的字體文件進行壓縮

1.安裝node.js

2.安裝字蛛

輸入命令

npm install font-spider -g

3.運行

安裝成功後就開始壓縮了

個人css代碼以下:

<style type="text/css">
	/*方正蘭亭中黑_GBK(fzltzhk--gbk1-0 )*/
	font-family: FZLTZHK;
	src:url('../font/FZLTZHK.TTF');
</style>

壓縮項目目錄下全部字體，生成新的新的字體庫，命令行輸入

cd C:\MyProject\philips_vip\Philips.Points.Web\ActiveInfo\LuckyDraw

 font-spider *.html

這樣就成功了，在你原來的字體文件目錄下會多出相應的壓縮以後的字體文件，發現小了不少吧。壓縮前字體文件會保存在.font-spider文件夾下

字蛛連接

http://font-spider.org