1、在阿里矢量圖標(biāo)庫(kù)將想要的圖標(biāo)加入購(gòu)物車瞳筏,然后在購(gòu)物車中將圖標(biāo)添加到項(xiàng)目稚瘾;
購(gòu)物車
添加入庫(kù)
2、到我的項(xiàng)目中姚炕,將圖標(biāo)下載到本地
下載圖標(biāo)
3.在vue項(xiàng)目的assets文件夾下新建一個(gè)iconfont文件夾(名字自定義)摊欠,將剛剛下載下來(lái)的代碼包中的
- iconfont.css丢烘、
- iconfont.eto、
- iconfont.svg些椒、
- iconfont.ttf播瞳、
- iconfont.woff
復(fù)制到iconfont文件夾下。
4.在main.js中全局引入iconfont.css免糕。
import './assets/iconfont/iconfont.css'
5.之后就可以在項(xiàng)目中正常使用了
<i class="iconfont icon-ren"></i>