制作.png文件的.ttf文件

Question

每个网站都有一些.png图片，如徽标，图标等。

我对此有所了解。那就是创建这些图像的字体。我的意思是我可以创建我的网站徽标的矢量图像并将其转换为.ttf或.svg文件（字体）。因为字体的大小比png小得多，我也可以设置它的颜色，大小，边框等。

所以你怎么看待我的想法？将所有png转换为字体是一个好主意吗？

Answer 1

考虑到字体有一些限制，例如它们每个图像只能是一种颜色，而且它们是从矢量而不是像素构建的。在您的网站上可能没有那么多图像满足此要求。

另一方面，Svg确实支持字体缺少的内容，并且还有pretty good browser support所以我建议使用它，如果它没有太多的形状（浏览器必须在运行时将其转换为像素，这需要一些处理），它实际上削减了你的图像的文件大小。 您无法将png文件真正转换为svg文件，因为很难从像素数据中精确推导出矢量。如果你有像.ai（Adobe Illustrator）这样的矢量格式的原始图像，那么你可以使用它来获取你的svg图像。

在旁注中，如果您对降低带宽感兴趣，请查看webp以替换基于像素的图像。浏览器支持不是很好（仅限Chrome，Opera和Android），因此您仍然必须使用当前使用的内容作为后备类型。将它实施到您的网站也需要一些努力。