《Font Awesome》
用過Bootstrap字體圖符的小伙伴肯定很熟悉字體圖符的便利澄耍,不管是在加載還是修改方面佛舱,字體圖符遠(yuǎn)遠(yuǎn)優(yōu)于圖片垮媒。但是餓了嗎封裝的Element UI提供的字體圖符少之又少晌该,又不想用圖片,只能自己擴(kuò)展圖符咯骇两。
Font Awesome 提供了675個(gè)可縮放的矢量圖標(biāo),可以使用CSS所提供的所有特性對(duì)它們進(jìn)行更改姜盈,包括:大小低千、顏色、陰影或者其它任何支持的效果。還有很多優(yōu)點(diǎn)不一一舉例示血,可自行查看文檔:http://fontawesome.dashgame.com/
使用npm或cnpm安裝 font-awesome
cnpm install font-awesome --save
引入font-awesome
在mani.js
文件中引入 font-awesome
import 'font-awesome/scss/font-awesome.scss'
然后再你要用到的地方使用
<span class="fa fa-camera-retro fa-lg"></span>