需求：

根據(jù)甲方要求，使用UI中指定字體

移動端默認顯示系統(tǒng)默認字體，非系統(tǒng)默認字體需要自行引入字體包

字體包過大，字體包通常在幾MB，嚴重拖累頁面加載速度

分析：

文本內(nèi)容為固定內(nèi)容，不需要更新

文本內(nèi)容大多為常用文字，大多文字用不上

插件：

font-spidernode 安裝插件方法：npm install font-spider -g

操作：

安裝插件

提取項目文字：
創(chuàng)建一個臨時html，將所有項目需要用到的文本放到html中

在htmnl中寫入樣式代碼，舉個栗子：

@font-face {  font-family: 'myfont';  src: url('./common/assets/font/myfont.ttf');}* {  font-family: 'myfont';}

在命令提示窗口中，將目錄展開到html所在的目錄，輸入指令：font-spider *.html 即可將該目錄下所有html的字體抽離打包。

注意：

如果頁面文本內(nèi)容需要經(jīng)常更新

如果需要對input表單內(nèi)容同樣應用定制字體請放棄本文章所述方法，可以考慮通過服務端渲染，動態(tài)生成字體包，或者，老老實實將完整的字體包引入頁面