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

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

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

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

可以看下 做的比較成熟的這個 矢量圖字體圖標插件 http://fontawesome.io/examples/

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

最新評論