iconfont的使用

步骤:

1.在iconfont选择自己需要的图标,加入购物车

2.点击右上角的购物车

3.点击添加至项目（如果没有项目自己在iconfont这个地方添加一个项目=>这个项目是存储你需要的图标）

 

4.点击下载至本地,你会有一个压缩包，在你要插入图标的项目里放入这个文件夹, 引入这个文件夹,如果是在vue项目中在main.js引入

5.引入后在项目中添加这个icon的class类名 如上面的icon-dingdanguanli 这个类名前面要再加上一个类名 iconfont

 

小程序中:

1.将需要的iconfont图标添加到你的项目,然后打开项目

2.打开在线链接  会出现上图所示代码

3.复制代码到浏览器的输入栏 ，复制所有代码

4.将复制的样式在程序中新建一个wxss文件

5.在小程序的公共样式，app.wxss中引入刚才新建的wxss文件路径

6.在页面中直接使用

eg：