天天看點

Font-Spider(字蛛)-踩坑記錄

  • 主要内容如下:
    • 踩坑記錄
  • 字數:300+

細心的同學會發現我首頁的英文字型比較特别,當時特地找的,後來優化時發現加載字型的時間略長,體驗不太好,于是找到了這個開源項目。

他的作用就是先進行預處理,生成你用到的所有字母的字型庫,因為我用到的太少了,用這個優化後從幾個M的檔案變成幾K,速度杠杠的。

  • 具體使用流程看官網 http://font-spider.org/

踩坑記錄

1、如果要直接在cmd裡執行的話是需要配置環境變量的,不然就得進入到檔案目錄中

Font-Spider(字蛛)-踩坑記錄

安裝後下拉找到檔案所在路徑,用指令cd 進入即可執行,或者直接添加到環境變量即可

檔案路徑如下圖,安裝完成後找下

Font-Spider(字蛛)-踩坑記錄

2、執行時輸入的是檔案的絕對路徑,直接到需要處理的檔案copy路徑。還可以用 * 通配符直接比對所在檔案夾下面的所有html。

3、該檔案必須是能獨立運作的html檔案,且不能是在架構裡的view層的檔案。因為檔案引用路徑不會按着架構的來,隻會是相對路徑。

4、執行後隻會備份ttf格式的字型,其他的将被覆寫,是以記得手動備份。

5、如果提示有的字型不支援如eot的,得删除相關的引用的代碼

繼續閱讀