一、什么是字體圖標  icon font 及使用場景

從百度百科一下什么事icon font,沒有解析。那就用在使用過程的對字體圖標的理解,解釋一下。

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

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

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

 

二、使用字體圖標的優(yōu)缺點

現(xiàn)在做的頁面大部分是響應式設計的,在不同的終端顯示,同一個icon在大屏終端肯定就比小屏的大。

網(wǎng)友評論