在vue項目中正確使用iconfont的方法
更新時間：2018年09月28日 09:54:41 作者：碼農(nóng)記錄者
今天小編就為大家分享一篇在vue項目中正確使用iconfont的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
1、打開 iconFont官網(wǎng) 選擇自己喜歡的圖標(biāo)，并且添加購物車
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中$bus的使用和涉及到的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
這篇文章主要介紹了詳解Vue.js入門環(huán)境搭建，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2017-03-03
element?ui?就是基于vue的一個ui框架,該框架基于vue開發(fā)了很多相關(guān)組件,方便我們快速開發(fā)頁面,餓了么前端團(tuán)隊基于vue進(jìn)行開發(fā)并且進(jìn)行了開源?element?ui?中提供全部都是封裝好組件,本文給大家介紹Element?UI安裝全過程,感興趣的朋友一起看看吧2024-01-01
本篇文章給大家分享了vue.js數(shù)組的變異方法的相關(guān)內(nèi)容，有興趣的朋友跟著學(xué)習(xí)參考下。2018-06-06
這篇文章主要介紹了一篇文章帶你徹底搞懂VUE響應(yīng)式原理，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可任意參考一下,需要的朋友可以參考下2022-06-06
這篇文章主要介紹了Ant Design Pro 之 ProTable使用操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
vue實現(xiàn)某元素吸頂或固定位置顯示（監(jiān)聽滾動事件）
這篇文章主要為大家詳細(xì)介紹了vue實現(xiàn)某元素吸頂或固定位置顯示，監(jiān)聽滾動事件，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-12-12
這篇文章主要為大家詳細(xì)介紹了vue實現(xiàn)表格過濾功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-09-09
組件（Component）是 Vue.js 最強大的功能之一。組件可以擴展 HTML 元素，封裝可重用的代碼。接下來通過本文給大家介紹Vuejs第十二篇之動態(tài)組件，非常不錯，具有參考借鑒價值，感興趣的朋友一起看看吧2016-09-09
Vue-DPlayer是一個易于使用、高性能的基于Vue.js的視頻播放器組件,本文給大家介紹Vue DPlayer詳細(xì)使用,本文將從四個方面對Vue-DPlayer進(jìn)行詳細(xì)的闡述,感興趣的朋友一起看看吧2023-10-10