微信小程序里引使用自己设置图标

本人刚开始接触微信小程序，发现它自带的icons样式太少，在网上搜索里一番，自己略微整理里一下，供大家参考。

1.我用了阿里巴巴的矢量图标库，http://iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.d9df05512&cid=3287，这里面的图标相对很丰富，并且淘票票专业版用的也是该图标，很适使用与移动端，将需要用的图标增加到购物车，而后点击下载代码，统一下载，如图所示；

2.在本地找到下载的文件并解压，在文件夹下找到iconfont.css文件并打开此文件，将其代码粘贴到微信小程序项目里，放在style样式里，本人使用的wepy框架，直接放在了app.wpy文件里的style样式下，方便整个项目里都可以直接引使用下载的图标了，当然也可以放在单个页面里，随个人要求，如图所示：

3.而后我们即可以在代码里直接引使用我们的图标啦，图标大小和颜色可以直接在style里修改，如图所示：

而后就大功告成啦！不过要注意，每次新下载的图标它里面的文件内容都是不一样的，需要重新拷贝所有内容，不要以为下载了一次之后再下载其余图标都是同样的font-face，由于我踩了这个坑，所以就写出来告诉大家啦！