小程序使用iconfont阿里矢量图标

1、打开目标项目，下载到本地

阿里巴巴矢量图标库
图标管理 > 我的项目 > 我发起的项目/我参与的项目

---

2、切换到Unicode，复制以下代码

小程序使用iconfont阿里矢量图标-1.png

---

3、打开下载好的文件，找到iconfont.css文件，并使用Unicode复制的代码覆盖掉原来的@font-face块的代码

小程序使用iconfont阿里矢量图标-2.png

---

4、复制iconfont.css全部代码，拷贝到项目所需的wxss文件里

小程序使用iconfont阿里矢量图标-3.png

---

5、在app.wxss引入该文件

@import 'style/iconfont.wxss';

---

6、在wxml上使用，可以看到图标已生效

---

7、注意：在自定义组件中使用iconfont，需要在自定义组件的wxss再引入一次

@import 'style/iconfont.wxss';