在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>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章