爲什麼使用自定義字體圖標？

Question

如果您爲自己的網站創建自己的字體，而不是僅僅鏈接到svg，有什麼意義？

Answer 1

有兩種使用自定義圖標字體在SVGs幾個主要原因：

• 的圖標字體，您可以通過設置字體大小調整簡單的圖標。一個SVG被設置爲寬度/高度。
• 使用color屬性更易於着色圖標字體。
  • 是可能的色彩搭配CSS的SVG爲好，但您通常需要嵌入SVG代碼到您的HTML（而不是僅僅包括它作爲一個<img>。
• 的可能最大的原因它將一堆不同的圖像合併爲一個文件，這可以允許更快的加載。
  • 這個原因變得越來越不重要，因爲處理併發請求的HTTP/2變得更加可用，但它仍然可以有幫助
  • 此技術與CSS spritesheets類似，這是將多個圖像合併到單個文件（儘管通常不是SVG）的另一種技術。

總體而言，字體圖標是不是結束所有，全部。它們只是您工具箱中的一個工具。過去我已經非常成功地使用它們，因爲有很多圖標的網站在某些方面必須進行顏色編碼。爲此，他們很棒。

其他用例可能會從單個SVG獲益甚至精靈表而不是SVG。你真的需要看看你的網站，它需要整體來確定什麼是最好的。