在微信小程序里需要使用到 iconfont
字体图标,具体做法如下:
1. 将下载下来的 iconfont.css
文件打开,将 文件顶部 @font-face
里的其他几个删除,如图:
留下的为字体文件的base64,
删除完后,将文件名字改为 iconfont.wxss
。
2. 将 iconfont.wxss
放在 assets
的 wxss
目录下 ,然后在 app.wxss
中引入
@import "assets/wxss/iconfont.wxss";
3. 直接在页面的 wxml
中使用就可以了
<icon class="iconfont icontype"></icon>