在vue項目中正確使用iconfont的方法
更新時間：2018年09月28日 09:54:41 作者：碼農(nóng)記錄者
今天小編就為大家分享一篇在vue項目中正確使用iconfont的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
1、打開 iconFont官網(wǎng) 選擇自己喜歡的圖標，并且添加購物車
2、點擊購物車，添加至項目
3、下載至本地
4、把我們下載好的文件iconfont.css和iconfont.ttf放到項目assets文件夾下（可創(chuàng)建一個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的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue刷新后瞬間閃爍,無法解析的問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-11-11
這篇文章主要介紹了vue ssr 指南詳讀,詳細的介紹了什么是SSR以及如何使用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
一文搞懂Vue3中的異步組件defineAsyncComponentAPI的用法
這篇文章主要介紹了一文搞懂Vue3中的異步組件，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下2022-07-07
這篇文章主要給大家介紹了關(guān)于Vue自定義加水波紋效果指令的相關(guān)資料,文中通過實例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2022-02-02
這篇文章是介紹一下vue3中的hooks以及它的用法，主要圍繞兩點來介紹，一個是hooks基本概念，另一個是vue3中hooks的使用方法，本文結(jié)合實例代碼給大家講解的非常詳細，需要的朋友參考下吧2023-03-03
vue3+element Plus如何實現(xiàn)彈框的拖拽、可點擊底層頁面功能
這篇文章主要介紹了vue3+element Plus如何實現(xiàn)彈框的拖拽、可點擊底層頁面功能,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-11-11
這篇文章主要介紹了Echarts只圖例legend基本配置方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
下面小編就為大家分享一篇vue-cli腳手架引入圖片的幾種方法總結(jié)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要介紹了SpringBoot+Vue3實現(xiàn)上傳文件功能，本文結(jié)合示例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-01-01
這篇文章主要為大家介紹了LogicFlow插件使用前準備詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-01-01