【ttf壓縮】網頁開發中引入字體文件過大，加載緩慢的解決辦法【字蛛】【web Font】

yueyemoyan

web 中文字體演示與工具使用請前往主頁：http://font-spider.org/

1. 需要安裝 node.js

2. 輸入以下命令： npm install font-spider -g

3. 運行

   • 安裝成功之後就開始壓縮了

     我的目錄是這樣的

     我的css文件開頭是這樣的

     這裏要確保ttf文件一定要有，其他的不管

     在你的html中也引用了相應的css文件

     接下來就是最後一步了 生成新的字體庫

     nodejs 命令行輸入

     font-spider C:\Users\wangchao\Desktop\index*.html

     也就是你的html完整路徑 【*】 是通配符，表示會掃描所有的html文件

     然後回車

     這樣就成功了，在你原來的字體文件目錄下會多出相應的壓縮之後的字體文件，發現小了很多吧

     然後你再引用相關的新的字體文件就行了

     到這裏就O了，很簡單。