【微信小程序】使用Iconfont

1、准备好Iconfont字体图标素材

在官网http://www.iconfont.cn中将想要的图标加入购物车，然后从购物车添加至某一项目

下载该项目

解压文件，只需要用到文件iconfont.css

2、运用到代码中
因为项目用到的字体图标较多，所以复制了整个iconfont.css，并没有去做任何改动，用到字体图标的页面在css中去引用就行，例如@import ‘…/iconfont/iconfont.wxss’；
在wxml中写：

<text class="iconfont {{图标代码}}" style="color:{{颜色}};font-size:{{大小}};"></text>

图标代码可以在网站上复制;颜色和大小也可自定义设置；

3、注意的问题
(1)iconfont有三种使用模式，见官网说明，在这里用font-class引用，因此不支持彩色图标;
(2)使用的图标最好是单一的图片路径，不然更改颜色后会整个变色，怎么去辨别图标是否单一路径？编辑图标时去改变颜色，如果达到你想要的效果就可以了；

(3)有新增的图标怎么办？将图标添加到原项目，下载到本地，更新iconfont.css即可

也看了网上别的博主发的使用教程，有点不一样，但本人使用下来并没有发生什么问题，看大家喜欢或习惯哪一种咯
本篇博客旨在记录了自己在前端编程过程中碰到的一部分问题，如有错误的地方欢迎指正