Vue 第三方字體圖標(biāo)引入 Font Awesome的方法
更新時間：2018年09月28日 09:26:14 作者：摸路
今天小編就為大家分享一篇Vue 第三方字體圖標(biāo)引入 Font Awesome的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
Font Awesome
用過Bootstrap字體圖符的小伙伴肯定很熟悉字體圖符的便利，不管是在加載還是修改方面，字體圖符遠遠優(yōu)于圖片。但是餓了嗎封裝的Element UI提供的字體圖符少之又少，又不想用圖片，只能自己擴展圖符咯。
Font Awesome 提供了675個可縮放的矢量圖標(biāo)，可以使用CSS所提供的所有特性對它們進行更改，包括：大小、顏色、陰影或者其它任何支持的效果。還有很多優(yōu)點不一一舉例，可自行查看文檔：http://fontawesome.dashgame.com/
npm 安裝 font-awesome
npm install font-awesome --save-dev1
font-awesome引入
在 mani.js 文件中引入 font-awesome
import 'font-awesome/scss/font-awesome.scss'1
然后在組件中使用即可實現(xiàn)：
<span class="fa fa-camera-retro fa-lg"></span>
以上這篇Vue 第三方字體圖標(biāo)引入 Font Awesome的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue使用window.open()跳轉(zhuǎn)頁面的代碼案例
這篇文章主要介紹了vue中對window.openner的使用,vue使用window.open()跳轉(zhuǎn)頁面的代碼案例，本文通過實例代碼給大家詳細講解，需要的朋友可以參考下2022-11-11
vue-cli項目如何使用vue-resource獲取本地的json數(shù)據(jù)（模擬服務(wù)端返回數(shù)據(jù)）
這篇文章主要介紹了vue-cli項目如何使用vue-resource獲取本地的json數(shù)據(jù)（模擬服務(wù)端返回數(shù)據(jù)），具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
這篇文章主要介紹了Vuejs 單文件組件實例詳解,需要的朋友可以參考下2018-02-02
Vite結(jié)合Vue刪除指定環(huán)境的console.log問題
這篇文章主要介紹了Vite結(jié)合Vue刪除指定環(huán)境的console.log問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-03-03
這篇文章主要介紹了使用vue實現(xiàn)各類彈出框組件,文中給大家提到了vue中常用的dialog組件的封裝，本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2019-07-07
這篇文章主要介紹了Vue性能優(yōu)化的方法，文中講解非常細致，幫助大家更好的理解和學(xué)習(xí)vue，感興趣的朋友可以了解下2020-07-07
解決antd datepicker 獲取時間默認(rèn)少8個小時的問題
這篇文章主要介紹了解決antd datepicker 獲取時間默認(rèn)少8個小時的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
vue/Element?UI實現(xiàn)Element?UI?el-dialog自由拖動功能實現(xiàn)
最近工作上需要在el-dialog基礎(chǔ)上進行些功能的改動,下面這篇文章主要給大家介紹了關(guān)于vue/Element?UI實現(xiàn)Element?UI?el-dialog自由拖動功能實現(xiàn)的相關(guān)資料,需要的朋友可以參考下2023-06-06
深入了解vue-router原理并實現(xiàn)一個小demo
這篇文章主要為大家詳細介紹了vue-router原理并實現(xiàn)一個小demo，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-03-03
這篇文章主要給大家介紹了關(guān)于Vue路由跳轉(zhuǎn)的5種方式及擴展,在Vue中路由是一種用于導(dǎo)航和管理頁面之間跳轉(zhuǎn)的機制,Vue Router是Vue官方提供的路由管理器,需要的朋友可以參考下2023-11-11