使用@font-face的各种格式会如何影响带宽负载？

Question

使用四种不同的网页字体格式(例如www.fontsquirrel.com为我计算的字体)：True Type / EOT / SVG / WOFF，并通过CSS嵌入它们，如下所示：

src: url('../fonts/webfont.eot');
src: local('☺'),
     url('../fonts/webfont.woff') format('woff'), 
     url('../fonts/webfont.ttf') format('truetype'), 
     url('webfont.svg#webfontAXSQe9it') format('svg');

..。每个浏览器会加载所有四种字体，还是只选择它最喜欢的一种？

Answer 1

这在一定程度上是一个浏览器黑客，ie将加载ttf并完成

本地(smiley)阻止ie下载更多新的ff/chrome，去掉woff，然后完成剩余的浏览器逐个下载它们，直到有一个可用的版本。

您还可以通过创建记录请求的脚本或仅检查服务器日志来测试这一点

#webfontAXSQe9it也是一个css技巧，用于阻止某些浏览器加载文件