微信小程序中使用icon font图标

前言：

有时候我们在开发的时候，特别是使用特定的框架开发时，比如使用vue、ionic、angular等框架开发时；框架带有的特定的图标有限而且很少！都知道 icon font上的图标资源非常丰富。

开整：

1.进入icon font官网 https://www.iconfont.cn/ 2.进入图标库，搜索自己喜欢的图标 3.加入购物车（自己先有账号，没有就去注册） 4.进入购物车 5.添加到项目 6.选择项目 7.进入项目，下载到本地 8.解压下载的，进入解压的文件夹 9.在微信小程序项目中，新建个目录（比如：icons）； 10.将刚下载解压后文件夹中的 iconfont.css文件拷贝到icons目录下并新建个iconfont.wxss文件，将iconfont.css中所有内容全部拷贝到iconfont.wxss（或者直接改名及后缀名） 11.在app.wxssz中引用iconfont.wxss 12.在页面中使用图标，刷新即可看到图标 13.图中箭头指向出为图标名称，下面补充中细说

补充.

可以打开刚接下的文件目录中的demo_index.html文件，在浏览器中会看到 将图标下对应的名称拷如12.步中箭头所指向出 或者 到iconfont官网中的对应的自己的项目中，复制代码也可