微信小程序如何引入iconfont阿里巴巴素材库的图标

1. 前往icon-font阿里巴巴矢量图标库

2. 注册账号

3. 将选中的图标点击添加入库
   

4. 在这里查看加入库的素材：
   

5. 选择好项目需要的素材，点击添加入项目：
   

6. 创建新项目：
   

7. 点击Font-class，点击生成代码：
   

8. 点击复制代码
   

9. 在小程序项目目录下新建一个新的文件夹styles来存放样式文件，在styles样式文件里新建一个wxss文件
   

10. 将第8步复制的代码复制粘贴进去
    

11. 在app.wxss全局样式中引入你的文件，这样你所有的页面都可以使用。
    

@import "./styles/iconfont.wxss";

12. 然后就可以在你想要使用的wxml里面使用啦
    
    
    PS：如果以后有想要加入新的素材，直接去阿里巴巴素材库登录你的账号，把新的素材直接加入到原来的项目，然后重新生成新的代码复制，去你微信小程序项目中建立的iconfont.wxss直接删掉原来的直接覆盖粘贴就可以了。