微信小程序-引入iconfont图标

1.网址 https://www.iconfont.cn/

2.选择需要的图标加入购物车，然后加入项目

3.点击生成代码

 

 4.复制链接，在游览器中进入链接，右键另存为

5.  将另存为的文件复制到根目录，把后缀改为wxss

6. 在app.wxss中引入iconfont文件 

@import "./iconfont.wxss"

7.使用

<text class="iconfont icon-shangyishou"></text>

 

 

如果是组件需要引入

方法一：

　　在组件内部新建个wxss 并引入，和页面引入一样

方法二：

　　在页面引入参数

l-search iconfont="iconfont" icon-icon-test-="icon-icon-test" />

　　在组件js中

externalClasses:[

    'iconfont',

    'icon-icon-test'

  ],

 

方法三：

直接在组件js中加入

options:{

    styleIsolation:'apply-shared'

  },