優點：

1.輕量性：一個圖標字體比一系列的圖像（特別是在Retina屏中使用雙倍圖像）要小。一旦圖標字體加載了，圖標就會馬上渲染出來，不需要下載一個圖像。可以減少HTTP請求，還可以配合HTML5離線存儲做性能優化。

2.靈活性：圖標字體可以用過font-size屬性設置其任何大小，還可以加各種文字效果，包括顏色、Hover狀態、透明度、陰影和翻轉等效果。可以在任何背景下顯示。使用位圖的話，必須得為每個不同大小和不同效果的圖像輸出一個不同文件。

3.兼容性：網頁字體支持所有現代瀏覽器，包括IE低版本。

缺點：

1.圖標字體只能被渲染成單色或者CSS3的漸變色，由于此限制使得它不能廣泛使用。

2.使用版權上有限制，有好多字體是收費的。當然也有很多免費開源的精美字體圖標供下載使用。

3.創作自已的字體圖標很費時間，重構人員后期維護的成本偏高

參考文章：https://www.w3cplus.com/css3/icon-fonts.html

轉載于:https://www.cnblogs.com/wanan-01/p/7867912.html

總結

以上是生活随笔為你收集整理的字体图标的优缺点的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。