iconfont官網(wǎng)：https://www.iconfont.cn/
-
在iconfont官網(wǎng) 選好所需要的圖標(biāo)掸掏，下載到本地
image.png
下載成功后 解壓得到的文件如下：
image.png
- 在小程序中引入icon圖標(biāo)不去作用，需要先把字體轉(zhuǎn)換成base64再引入舰蟆。添加
iconfont.tff轉(zhuǎn)換成base64
轉(zhuǎn)換網(wǎng)站：https://transfonter.org/
image.png
image.png
下載成功后解壓得到的文件如下：
image.png
打開stylesheet.css文件
image.png
- 把
stylesheet.css的內(nèi)容復(fù)制到iconfont.css中替換@font-face。
image.png
再把iconfont.css后綴名修改為iconfont.wxss放到小程序中
image.png
-
在app.wxss中全局引入
image.png 示例
<text class="iconfont icon-renwu"></text>
