Vue项目引入iconfont

首先在官网找好需要的图标，打包下载到本地；

地址：https://www.iconfont.cn/

解压后会出现下面几个文件

选择项目需要的css文件和字体文件

将文件放到项目如下路径

在代码中引用icon

打开iconfont.css文件：

默认字体文件和css文件是在同目录下的，可是在上面我新建了一个iconfont文件夹用来存放字体文件，所以这边引用字体文件的代码需要修改一下

修改后路径

import './assets/styles/iconfont.css'

在布局中使用icon

   <span class="iconfont">&#xe6b7;</span>

必须指定class，16进制用来指定哪一个icon，可以在官网找到；

效果图