一、 使用https://www.iconfont.cn/ 平台
1、新建iconfont 项目
![](https://img.haomeiwen.com/i3894103/5d0b2b45032042bc.png)
2、勾选base64格式
![](https://img.haomeiwen.com/i3894103/99452dd296ee7bff.png)
3、下载到本地
![](https://img.haomeiwen.com/i3894103/065c46059f21ab31.png)
将下载的项目解压放到小程序项目里
4、将iconfont.css 改成iconfont.wxss
![](https://img.haomeiwen.com/i3894103/49388b042c371da5.png)
5、在app.wxss 引入iconfont.wxss
@import "./assets/font/iconfont.wxss";
6、在page 页面里直接使用
<icon class="iconfont icon-jiazai"></icon>
![](https://img.haomeiwen.com/i3894103/4d002d37c477300e.png)
二、components 里引入iconfont
options: {
multipleSlots: true, // 在组件定义时的选项中启用多slot支持
styleIsolation: 'apply-shared' // 启动样式隔离
},
网友评论