为什么使用自定义字体图标？

Question

如果您为自己的网站创建自己的字体，而不仅仅是链接到svg，那有什么意义？

Answer 1

使用SVG上的自定义图标字体有几个主要原因：

• 图标字体可让您只需设置字体大小即可调整图标大小。 SVG设置为宽度/高度。
• 使用color属性更容易使图标字体着色。
  • 也可以使用CSS为SVG着色，但是您通常必须将SVG代码嵌入到HTML中（而不是仅将其包含在<img>中。
• 可能最大的原因是它将一堆不同的图像组合到一个文件中，这样可以加快加载速度。
  • 这个原因变得越来越不重要了，因为HTTP / 2可以更好地处理并发请求，但它仍然可以提供帮助。
  • 这种技术类似于CSS spritesheets，这是另一种将多个图像组合成单个文件的技术（尽管通常不是SVG）。

总的来说，字体图标并不是最终的全部。它们只是工具箱中的另一个工具。过去我曾经非常成功地使用过它们，这些网站有很多图标，必须在某些方面进行颜色编码。为此，他们很棒。

其他用例可能会从单个SVG，甚至精灵表而不是SVG中获益更多。您真的需要查看您的网站，并确定最佳需求。