微信小程序——引入 iconfont 矢量图标，如何使用引用阿里巴巴矢量图标

本文介绍如何在小程序中加入图标，效果如下图：

1、访部iconfont-阿里巴巴矢量图标库 找到需要的图标，然后添加入库

将增加好的图标添加到项目中

2、点击更新生成代码

生成后如下图

3、打开生成的css样式文件

4、在小程序中新建/static/iconfont目录，新建fonts.wxss文件，将刚才的css文件的内容复制到fonts.wxss中。

5、在需要引用图标的页面wxss中引入这个fonts.wxss

6、wxml文件中添加样式

其中icon-pabanzhibanci中刚才加入库的图标样式，见下图

结尾：样例小程序二维码，我自己做的一个免费好用的【随机选择决定转盘工具】小程序,欢迎扫码体验呦！

谢谢阅读!~~