代码之家 › 专栏 › 技术社区 › Urs

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

font-face load

1

Urs · 技术社区 · 15 年前

使用四种不同格式的web字体(例如www.fontsquirrel.com):True键入/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');

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

1 回复 | 直到 5 年前

1

2

Paul Scheltema 15 年前

部分原因是浏览器黑客 ie将加载ttf并完成

本地(笑脸)阻止ie下载更多内容新ff/chrome采用woff并完成

您还可以通过创建记录请求的脚本来测试这一点

#webfontAXSQe9it也是一种css技巧,用于防止某些浏览器加载该文件