在微信小程序里需要使用到 iconfont 字体图标,具体做法如下:

1. 将下载下来的 iconfont.css 文件打开,将 文件顶部 @font-face 里的其他几个删除,如图:

 iconfont.wxss
留下的为字体文件的base64,
删除完后,将文件名字改为 iconfont.wxss

2. 将 iconfont.wxss 放在 assetswxss 目录下 ,然后在 app.wxss 中引入


@import "assets/wxss/iconfont.wxss";

3. 直接在页面的 wxml 中使用就可以了


<icon class="iconfont icontype"></icon>


Last modification:March 26th, 2020 at 10:55 pm
如果觉得我的文章对你有用,请随意赞赏或留下你的评论~