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

 

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