詳解node字體壓縮插件font-spider的用法
需求：
根據(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-spider node 安裝插件方法：npm install font-spider -g
操作：
安裝插件
提取項(xiàng)目文字：
創(chuàng)建一個(gè)臨時(shí)html，將所有項(xiàng)目需要用到的文本放到html中
在htmnl中寫入樣式代碼，舉個(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è)面
相關(guān)文章
簡(jiǎn)述pm2常用命令集合及配置文件說(shuō)明
這篇文章主要介紹了簡(jiǎn)述pm2常用命令集合及配置文件說(shuō)明,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
node 文件上傳接口的轉(zhuǎn)發(fā)的實(shí)現(xiàn)
這篇文章主要介紹了node 文件上傳接口的轉(zhuǎn)發(fā)的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
node.js使用express-fileupload中間件實(shí)現(xiàn)文件上傳
本文使用express作為服務(wù)端，使用express-fileupload庫(kù)提供的中間件函數(shù)來(lái)接受從客戶端傳來(lái)的圖片，并將圖片作為文件存儲(chǔ)在服務(wù)端，感興趣的可以了解一下2021-07-07
package.json與package-lock.json創(chuàng)建及使用詳解
這篇文章主要為大家介紹了package.json與package-lock.json創(chuàng)建及使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-07-07
nodejs 搭建簡(jiǎn)易服務(wù)器的圖文教程(推薦)
下面小編就為大家?guī)?lái)一篇nodejs 搭建簡(jiǎn)易服務(wù)器的圖文教程(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
在Node.js開(kāi)發(fā)過(guò)程中,npm install 是安裝和管理項(xiàng)目依賴的關(guān)鍵命令,然而,有時(shí)我們會(huì)遇到 npm install 運(yùn)行卡住不動(dòng)的情況,本文將為你提供七種解決方案,幫助你順利進(jìn)行依賴安裝,需要的朋友可以參考下2024-07-07
因?yàn)閚odejs是單線程的,所以一旦發(fā)生錯(cuò)誤或異常,如果沒(méi)有及時(shí)被處理整個(gè)系統(tǒng)就會(huì)崩潰。下面這篇文章主要給大家介紹了關(guān)于Node錯(cuò)誤處理筆記之挖坑系列的相關(guān)資料，需要的朋友可以參考借鑒，下面來(lái)一起看看吧2018-06-06
nodejs轉(zhuǎn)換音頻文件格式并壓縮導(dǎo)出zip格式(vscode語(yǔ)音插件開(kāi)發(fā))
FFmpeg是一套開(kāi)源的音視頻處理工具，通俗地講，可以對(duì)音視頻文件進(jìn)行剪切、拼接、水印、轉(zhuǎn)碼等處理，這篇文章主要介紹了nodejs轉(zhuǎn)換音頻文件格式并壓縮導(dǎo)出zip格式(vscode語(yǔ)音插件開(kāi)發(fā)),需要的朋友可以參考下2023-05-05
阿里大于短信驗(yàn)證碼node koa2的實(shí)現(xiàn)代碼(最新)
本文給大家分享一個(gè)最新版阿里大于短信驗(yàn)證碼node koa2的實(shí)現(xiàn)代碼及注意事項(xiàng)，需要的朋友參考下吧2017-09-09
這篇文章主要給大家介紹了關(guān)于如何利用nodejs實(shí)現(xiàn)命令行游戲的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11