微信小程序引入iconfont

一、 使用https://www.iconfont.cn/ 平台

1、新建iconfont 项目

1698378015641.png

2、勾选base64格式

1698378048919.png

3、下载到本地

1698378078716.png

将下载的项目解压放到小程序项目里

4、将iconfont.css 改成iconfont.wxss

1698378153979.png

5、在app.wxss 引入iconfont.wxss

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

6、在page 页面里直接使用

<icon  class="iconfont icon-jiazai"></icon>

1698379337471.png

二、components 里引入iconfont

options: {
    multipleSlots: true, // 在组件定义时的选项中启用多slot支持
    styleIsolation: 'apply-shared' // 启动样式隔离
  },