在vue項目中正確使用iconfont的方法

1、打開 iconFont官網 選擇自己喜歡的圖標,並且添加購物車

2、點擊購物車,添加至項目

3、下載至本地

vue使用iconfont

4、把我們下載好的文件iconfont.css和iconfont.ttf放到項目assets文件夾下(可創建一個css文件或iconfont文件)

5、在main.js中引入iconfont.css樣式

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

6、在在vue文件中引用<i class="iconfont

icon-zitigui-xianxing"></i>

7、假如報錯,需要下載css-loader依賴包

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