需求：

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

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

字體包過(guò)大，字體包通常在幾MB，嚴(yán)重拖累頁(yè)面加載速度

分析：

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

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

插件：

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

操作：

安裝插件

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

在htmnl中寫(xiě)入樣式代碼，舉個(gè)栗子：

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

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

注意：

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

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