微信小程序中使用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官网中的对应的自己的项目中，复制代码也可