多种@font-face 格式会减慢下载速度吗？ [关闭]答案

【问题标题】：Will multiple @font-face formats slow download? [closed]多种@font-face 格式会减慢下载速度吗？ [关闭]
【发布时间】：2012-12-29 00:33:39
【问题描述】：

我正在开发一个网站并使用@font-face 进行排版（因为所需的确切字体不能作为网络字体提供）。我使用Font Squirrel's @font-face generator 创建了他们推荐的格式，其中包括不同的格式以实现最大的跨浏览器兼容性，并使用了他们的示例 CSS：

@font-face {
font-family: 'playfair_displayregular';
src: url('playfair-display-webfont.eot');
src: url('playfair-display-webfont.eot?#iefix') format('embedded-opentype'),
     url('playfair-display-webfont.woff') format('woff'),
     url('playfair-display-webfont.ttf') format('truetype'),
     url('playfair-display-webfont.svg#playfair_displayregular') format('svg');
font-weight: normal;
font-style: normal;

}

我的问题是，浏览器会尝试下载所有不同的格式，还是每个浏览器只加载一个供其使用？

【问题讨论】：

根据我的经验，一旦成功下载并解析了一种格式，浏览器将停止下载一种字体，或者没有选择。还没有看到浏览器愚蠢到可以下载相同字体的多种格式，除非第一次尝试的格式被证明是损坏的。
stackoverflow.com/questions/13609119/… 和 stackoverflow.com/questions/10338152/… 等的可能重复项
@BoltClock 根据 Paul Irish 在Bulletproof @ font-face syntax 的研究，在该重复问题上接受的答案是错误的。

标签： css font-face

【解决方案1】：

在某些情况下，某些浏览器会下载相同字体的多种格式。

可以在Bulletproof @font-face syntax 找到详细的解释，但要点是 FontSquirrel 为您做所有艰苦的工作，它们的语法实现了最佳语法并防止下载多个资源。

这篇文章值得一读，还提供了更多信息的链接。

【讨论】：

@Plummer：这似乎是支持问题而不是答案的原因，因为 OP 使用了 FontSquirrel，这促使这个问题开始。
@Ghodmode，我都做了，foo。