一、什么是字體圖標(biāo)  icon font 及使用場(chǎng)景

從百度百科一下什么事icon font，沒有解析。那就用在使用過程的對(duì)字體圖標(biāo)的理解，解釋一下。

字體圖標(biāo)就是利用字體來顯示網(wǎng)頁中的的純色圖標(biāo)，或者是特殊字體。舉個(gè)栗子，如下圖

這張圖的三個(gè)小icon，都是使用字體圖標(biāo)的，如果不是使用字體圖標(biāo)，可能是6個(gè)小圖片，可能優(yōu)化之后就是把這6個(gè)小圖片做成雪碧圖，還好，現(xiàn)在使用compass可以自動(dòng)生成雪碧圖，也是省了一大功夫啊。那么問題來了，如果是做成雪碧圖，相對(duì)于三個(gè)字體來說，無疑體積是大的，那么對(duì)待這種純色的圖標(biāo)，使用字體圖標(biāo)就最適合不過了。千萬別開心的開心，下面有坑...（留點(diǎn)懸念）。

seo優(yōu)化培訓(xùn),網(wǎng)絡(luò)推廣培訓(xùn),網(wǎng)絡(luò)營銷培訓(xùn),SEM培訓(xùn),網(wǎng)絡(luò)優(yōu)化,在線營銷培訓(xùn)

 

二、使用字體圖標(biāo)的優(yōu)缺點(diǎn)

現(xiàn)在做的頁面大部分是響應(yīng)式設(shè)計(jì)的，在不同的終端顯示，同一個(gè)icon在大屏終端肯定就比小屏的大。

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負(fù)責(zé)任的教育,學(xué)習(xí)改變命運(yùn),軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動(dòng)軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計(jì)培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式