css - 为什么字体图标比图像更快?

标签 css fonts sprite pagespeed

我读过文章、论坛帖子、答案,每个人都建议字体图标是提高网站加载时间和速度的一种方法。

我打算将 FontAwesome 用于几个图标,但问题是字体本身的重量很大(更不用说 25KB CSS 了,除非你采取你需要的东西)。

您最终会得到跨浏览器兼容的字体扩展列表,重达 705KB!只是为了在页面上使用几个小图标?

我在 Photosohp 上制作了相同的图标,总文件大小约为 28KB。 浏览器的下载速度要小 20 倍以上!!那么为什么每个人都在谈论字体图标比图像或图像 Sprite 的速度呢?

最佳答案

是的,字体比图像更快,因为加载多个图像时需要多个 http 请求,但对于可以从 CDN 服务器加载的字体,我们使用字体还有另一个原因,因为我们可以轻松更改字体大小、颜色和尺寸。

引用此链接 why Fonts better than images

关于css - 为什么字体图标比图像更快?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30706584/

相关文章:

C#使用自己的字体而不安装它

linux - Graphviz 中的字体质量差

javascript - HTML5 Canvas 中的居中(比例字体)文本

python - 即使函数设置参数不移动,PygameSprites也会移出屏幕

javascript - 谷歌地图标记 Sprite 图像位置

javascript - 粘性标题在向下滚动时跳转

html - 将页脚保持在底部但不粘?

html - 使用 Css 而不是对齐 <P> 标记内的两个文本

jquery - 背景图像在jquery中淡入淡出

jquery - 使用 jQuery 移动 Sprite 位置