vue项目中引入iconfont

在vue项目中引用iconfont小图标

1、登录icon font官网

2、选择要下载的图标，将其加入购物车

3、添加至项目（我是随便起个项目名），确定

4、下载至本地，进行解压

5、打开vue项目，在src/assets/css下建立iconfont文件夹，将解压的文件除了iconfont.css放在iconfont文件中，将iconfont.css放在css文件下（iconfont.css和iconfont文件夹同目录 ）

6、在main.js中引入（import '@/assets/css/iconfont.css'）

7、检查iconfont.css中的@font-face里面的文件路径是否正确，（一般情况下只在更改的文件前加./iconfont/）

8、在项目中引用官网中的代码

9、如果添加新的图标，下载之后只需要更改iconfont.css中的代码，只改图标处的代码