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

Question

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

src：url（'../ fonts / webfont.eot'）; src：local（'☺'），url（'../ fonts / webfont.woff'）格式（'woff'），url（'../ fonts / webfont.ttf'）格式（'truetype'），url （'webfont.svg #webfontAXSQe9it'）格式（'svg'）;

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

Answer 1

它部分是浏览器黑客攻击 即将加载ttf并完成

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

您也可以通过创建一个记录请求的脚本来测试它 或者只是检查服务器日志

＃webfontAXSQe9it也是用于阻止某些浏览器加载该文件的css技巧