最近做項(xiàng)目 寫(xiě)頁(yè)面 看到很多網(wǎng)站 的文字前面的圖標(biāo) 是用這么寫(xiě)的 content: "\f083";
 
后來(lái)查了很多資料 才知道是 矢量圖字體圖標(biāo) 通過(guò)插入指定的標(biāo)簽 生成不同的矢量圖

比傳統(tǒng)的圖片 做背景 有很多好處

首先 這些矢量圖好控制 大了小了都不會(huì)出現(xiàn)馬賽克

而且肯定比圖節(jié)省性能
而且 顏色都可以自定義

可以看下 做的比較成熟的這個(gè) 矢量圖字體圖標(biāo)插件 http://fontawesome.io/examples/

一般 首先你 CSS要先引入幾個(gè)字體文件
 
然后 就可以設(shè)置不同的標(biāo)簽實(shí)現(xiàn)不同的矢量圖了

最新評(píng)論