在vue项目中iconfont 图标组件的使用方法（详细步骤）

iconfont 图标组件的使用方法
图标下载地址：
https://www.iconfont.cn/manage/index

1.新建图标库

2.选中想要的图标，加入购物车

3.点击右上角的“购物车”，添加到对应的项目

4.保存后，页面自动跳转到项目，点击“下载至本地”

5.下载的项目解压缩，

把下面这几个文件，放到vue项目的assets/styles/iconfont文件夹下（注意iconfont.css文件放在assets/styles文件夹下）

6.修改iconfont.css

绿色部分，路径要前面要加./iconfont（可根据自己的放置路径自由配置）

7.在main.js文件中引入该css文件

(这样所有页面都可使用iconfont图标)

8.使用案例：

在网站上复制要是用的图标的代码，放在iconfont标签中

<span class=“iconfont”>&#xe739;</span>