iconfont使用方法

1、进入iconfont官网：https://www.iconfont.cn/collections/index

2、选择自己需要的icon，并且加入购物车

 

3、在右上角点击进入刚才进入购物车的icon

3、可以直接点击下载代码，也可以添加到项目中，然后再下载代码，都是一样的。

4、将下载的代码解压缩，得到以下文件

 将iconfont.css、iconfont.eot、iconfont.js、iconfont.json、iconfont.svg、iconfont.ttf、iconfont.woff拷贝到vue中的静态文件夹，然后在main.js中进行引入

import '@/assets/iconfont/iconfont.css'

引入的时候只引入iconfont.css即可

5、在组建中使用

<i class="iconfont icon-md-settings"></i>

在class中iconfont是必填的，然后icon-md-settings就是刚才选的图标的类名