Question

我正在开发一个网站并使用@ font-face进行排版（因为所需的确切字体不能用作webfont）。我使用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;

}

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

Answer 1

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

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

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

多个@ font-face格式会降低下载速度吗？

1 个答案: