字体图标的优缺点
優(yōu)點(diǎn):
1.輕量性:一個(gè)圖標(biāo)字體比一系列的圖像(特別是在Retina屏中使用雙倍圖像)要小。一旦圖標(biāo)字體加載了,圖標(biāo)就會(huì)馬上渲染出來,不需要下載一個(gè)圖像。可以減少HTTP請(qǐng)求,還可以配合HTML5離線存儲(chǔ)做性能優(yōu)化。
2.靈活性:圖標(biāo)字體可以用過font-size屬性設(shè)置其任何大小,還可以加各種文字效果,包括顏色、Hover狀態(tài)、透明度、陰影和翻轉(zhuǎn)等效果。可以在任何背景下顯示。使用位圖的話,必須得為每個(gè)不同大小和不同效果的圖像輸出一個(gè)不同文件。
3.兼容性:網(wǎng)頁字體支持所有現(xiàn)代瀏覽器,包括IE低版本。
缺點(diǎn):
1.圖標(biāo)字體只能被渲染成單色或者CSS3的漸變色,由于此限制使得它不能廣泛使用。
2.使用版權(quán)上有限制,有好多字體是收費(fèi)的。當(dāng)然也有很多免費(fèi)開源的精美字體圖標(biāo)供下載使用。
3.創(chuàng)作自已的字體圖標(biāo)很費(fèi)時(shí)間,重構(gòu)人員后期維護(hù)的成本偏高
參考文章:https://www.w3cplus.com/css3/icon-fonts.html
轉(zhuǎn)載于:https://www.cnblogs.com/wanan-01/p/7867912.html
總結(jié)
- 上一篇: 2017-2018-1 20155332
- 下一篇: 骡夫电商地址