2

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

}

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

4

1 回答 1

3

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

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

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

于 2012-12-28T16:20:19.830 回答