Vue3項(xiàng)目中簡單使用fontAwesome圖標(biāo)庫

使用免費(fèi)版的fontAwesome V7圖標(biāo)庫(推薦)

首先下載包
https://fontawesome.com/download

將《all.css》和圖標(biāo)字體文件引入項(xiàng)目中,可以放在《assets》目錄下面

在《main.js》中引入css文件即可使用

import '@/assets/fontawesome-free-7.0.0/all.css' // 引入fontAwesome字體圖標(biāo)

然后頁面上直接可以使用了

<i class="fas fa-fw fa-book"></i>

簡單使用fontAwesome V4圖標(biāo)庫(不推薦)

首先安裝字體庫

npm i font-awesome

安裝之后,《main.js》中引入

import 'font-awesome/css/font-awesome.min.css' // 引入字體圖標(biāo)

頁面上直接使用

<i class="fa fa-book fa-5x"></i>

具體圖標(biāo)說明文檔
https://fontawesome.com/v4/icons/

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容