load - 使用 @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

它部分是浏览器黑客，即会加载 ttf 并完成

本地（笑脸）阻止 ie 下载更多新的 ff/chrome 完成 woff 并完成剩余的浏览器一个一个地下载它们直到有一个可用的版本

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

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