在vue中使用阿里图标Iconfont

1、进入阿里图标库官网

2、进入“我的项目”

“新建图标库”，选择本地的svg图标上传，生成自定义的图标库。也可以在当前项目中上传图标。

3、点击“下载至本地”，将当前图标库相关文件下载到本地（font class方式）。

4、修改文件iconfont.css

 

修改为：

5、在main.js中引用confont.css

import './assets/iconFont/iconfont.css'

6、使用图标

<i class="icon-video" style="font-size:50px;color:yellowgreen;"></i>