前端面試八股文每日一題——HTML
iconfont是什么?有什么優(yōu)缺點?
答:
顧名思義,iconfont就是字體圖標。嚴格地說,就是一種字體,但是它們不包含字母或數(shù)字,而是包含符號和字形??梢允褂肅SS設(shè)置樣式,就像設(shè)置常規(guī)文本一樣,這使iconfont成為Web開發(fā)時圖標的熱門選擇。
優(yōu)點:
可以方便的將任何CSS效果應(yīng)用于它們。
因為它們是矢量圖形,所以它們是可伸縮的。這意味著我們可以在不降低質(zhì)量的情況下伸縮它們。
我們只需要發(fā)送一個或少量HTTP請求來加載它們,而不是像圖片,可能需要多個HTTP請求。
由于尺寸小,它們加載速度快。
它們在所有瀏覽器中都得到支持(甚至支持到IE6)。
不足:
不能用來顯示復(fù)雜圖像。
通常只限于一種顏色,除非應(yīng)用一些CSS技巧。
字體圖標通常是根據(jù)特定的網(wǎng)格設(shè)計的,例如16*16、32*32等。如果由于某種原因?qū)⒕W(wǎng)格系統(tǒng)改為25*25,可能不會得到清晰的結(jié)果。
標簽: