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

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

創新互聯建站專注于益陽企業網站建設,成都響應式網站建設公司,商城網站建設。益陽網站建設公司,為益陽等地區提供建站服務。全流程按需設計，專業設計，全程項目跟蹤，創新互聯建站專業和態度為您提供的服務

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

3、下載至本地

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

以上這篇在vue項目中正確使用iconfont的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持創新互聯。

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片