前兩天做移動端項目冰沙,ui字體使用了思源黑體,用到了字蛛font-spider(可以自定義前端網(wǎng)頁中的字體格式)榜晦,因此簡單一記软舌。
PS.(1)字蛛官網(wǎng):http://font-spider.org/;(2)node下載:https://nodejs.org/en/download/
1梯浪、安裝node.js;
2捌年、cmd用npm安裝字蛛npm install font-spider -g(全局安裝);
3挂洛、在css中聲明WebFont礼预。注意的一點是,引用字體的.ttf格式必須存在虏劲,?即自己提前備好字體的ttf格式托酸,引入到css的@font-face里,其余字體格式font-spider會自動生成并壓縮伙单,同時會備份ttf文件获高,完全不用擔(dān)心字體文件的大泄ぁ(5M—>10kb左右)吻育;
4、打開cmd淤井,運行命令font-spider?項目路徑/*.html布疼。
5、好啦币狠、結(jié)束啦游两!
PS.如果上述步驟都運行成功,但是頁面字體并沒有引用成功漩绵,那就檢查準(zhǔn)備的ttf文件是否可用贱案,最好用未壓縮的(本人使用過程中遇到的坑)。
最后附上思源黑體的ttf:? 鏈接:https://pan.baidu.com/s/1beH4mYK7T7XUTeCA5hZv8A? ? ?提取碼:3b0n