css設(shè)置矢量圖字體圖標(biāo)的方法(圖解)
發(fā)布時(shí)間：2013-10-29 16:28:52 作者：佚名 
我要評(píng)論
我要評(píng)論矢量圖字體圖標(biāo) 通過插入指定的標(biāo)簽 生成不同的矢量圖，其有很多的好處，首先這些矢量圖好控制大了小了都不會(huì)出現(xiàn)馬賽克、肯定比圖節(jié)省性能而且顏色都可以自定義等等，感興趣的朋友可以了解下
最近做項(xiàng)目 寫頁面 看到很多網(wǎng)站 的文字前面的圖標(biāo) 是用這么寫的 content: "\f083";
后來查了很多資料 才知道是 矢量圖字體圖標(biāo) 通過插入指定的標(biāo)簽 生成不同的矢量圖
比傳統(tǒng)的圖片 做背景 有很多好處
首先 這些矢量圖好控制 大了小了都不會(huì)出現(xiàn)馬賽克
而且肯定比圖節(jié)省性能
而且 顏色都可以自定義
可以看下 做的比較成熟的這個(gè) 矢量圖字體圖標(biāo)插件 http://fontawesome.io/examples/
一般 首先你 CSS要先引入幾個(gè)字體文件
然后 就可以設(shè)置不同的標(biāo)簽實(shí)現(xiàn)不同的矢量圖了
后來查了很多資料 才知道是 矢量圖字體圖標(biāo) 通過插入指定的標(biāo)簽 生成不同的矢量圖
比傳統(tǒng)的圖片 做背景 有很多好處
首先 這些矢量圖好控制 大了小了都不會(huì)出現(xiàn)馬賽克
而且肯定比圖節(jié)省性能
而且 顏色都可以自定義
可以看下 做的比較成熟的這個(gè) 矢量圖字體圖標(biāo)插件 http://fontawesome.io/examples/
一般 首先你 CSS要先引入幾個(gè)字體文件
然后 就可以設(shè)置不同的標(biāo)簽實(shí)現(xiàn)不同的矢量圖了
相關(guān)文章
CSS實(shí)現(xiàn)精靈圖與字體圖標(biāo)
這篇文章主要介紹了CSS實(shí)現(xiàn)精靈圖與字體圖標(biāo)的相關(guān)知識(shí)，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧2018-05-08
純CSS3實(shí)現(xiàn)帶有字體圖標(biāo)效果的灰白色下拉網(wǎng)站導(dǎo)航
一款帶有字體圖標(biāo)效果的CSS3網(wǎng)站導(dǎo)航菜單2014-01-22
這篇文章主要介紹了讓我來教你使用css中的字體圖標(biāo)的方法,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-09-17
