1、打開 iconFont官網(wǎng) 選擇自己喜歡的圖標(biāo),并且添加購物車
創(chuàng)新互聯(lián)建站專注于益陽企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè)公司,商城網(wǎng)站建設(shè)。益陽網(wǎng)站建設(shè)公司,為益陽等地區(qū)提供建站服務(wù)。全流程按需設(shè)計,專業(yè)設(shè)計,全程項目跟蹤,創(chuàng)新互聯(lián)建站專業(yè)和態(tài)度為您提供的服務(wù)
2、點擊購物車,添加至項目
3、下載至本地
4、把我們下載好的文件iconfont.css和iconfont.ttf放到項目assets文件夾下(可創(chuàng)建一個css文件或iconfont文件)
5、在main.js中引入iconfont.css樣式
import './assets/iconfont/iconfont.css'
6、在在vue文件中引用
7、假如報錯,需要下載css-loader依賴包
npm install css-loader --save
以上這篇在vue項目中正確使用iconfont的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持創(chuàng)新互聯(lián)。