使用免費(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/