html - 我应该使用什么字体图标或 Sprite 图像？

Question

我应该使用什么字体图标或 sprite 图像以获得更好的性能？什么会加载速度更快、重量更轻？

Answer 1

我觉得图标字体有两个关键点可以发挥优势:

• 总文件大小
• Internet Explorer 支持

当您有一组图标要用于给定元素时，图标集越大，图标字体的整体文件占用空间就越小。

说到性能，我最近对一组大约 30 个图标进行了测试，图标字体与 sprite 图像相比可以达到约 240% 的提升。此外，图标字体可以追溯到 IE6。

另一方面，矢量图标可以上下调整大小而不会降低质量，在视网膜显示器上格外清晰。它还可以支持多色图标。

我推荐this发布以供进一步引用。

希望对您有所帮助，