剛寫demo寫到這里，一直用的圖片，花了幾分鐘琢磨了一下字體文件引入方式；在這里做個分享也方便自己以后使用記錄，請大家多多指教！

小程序引入外部文件的方式是：@import "*/*.wxss";

如果所有頁面都要使用的話：@import"/lib/style/font.wxss",用這種方式導(dǎo)入到app.wxss就可以了。

在此之前要做的準(zhǔn)備工作：

1.在iconfont網(wǎng)站http://iconfont.cn/下載圖標(biāo)代碼；

2.找到.ttf文件，在https://transfonter.org/進(jìn)行base64格式轉(zhuǎn)碼之后下載；轉(zhuǎn)碼后的文件像這樣

3.準(zhǔn)備一個目錄，新建一個wxss文件，將下載轉(zhuǎn)碼后的 iconfont.css內(nèi)容復(fù)制到新建的wxss文件中，我的文件目錄結(jié)構(gòu)為：

注：我這里的eot，woff等文件是用轉(zhuǎn)碼后的文件做了替換的，沒有替換的情況能不能成功我沒有試過。

4.在app.wxss中引入@import"/lib/style/font.wxss；

最后一步就是按照平常的方式，在代碼中用iconfont +?圖標(biāo)類名進(jìn)行使用。

如果看完了沒有明白，這里附上原教程地址：【微信小程序】——wxss引用外部CSS文件及iconfont