css - 使用@font-face 时浏览器会下载哪些字体

Question

@font-face 有点令人困惑，因为所有浏览器都无法决定要使用的单一文件格式。下面是我目前用来向网站添加 1 种新字体的方法，您可以看到有 4 个单独的字体文件，我知道每个文件都是因为某些浏览器支持不同的格式，但浏览器下载所有文件还是只下载 1 个它需要什么？

@font-face {
    font-family: 'Oswald';
    src: url('oswald-webfont.eot');
    src: url('oswald-webfont.eot?#iefix') format('embedded-opentype'),
         url('oswald-webfont.woff') format('woff'),
         url('oswald-webfont.ttf') format('truetype'),
         url('oswald-webfont.svg#OswaldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

Answer 1

我希望浏览器下载它支持的所有字体，而不是只应用最新的字体，就像其他 css 属性一样。

不过，我的期望似乎是错误的。在嵌入与您在上面提供的标记相同的字体的网站上，FF 只下载了 .woff 文件，即使它也支持 .ttf/.otf 。

仅供参考，支持矩阵；个别格式链接到底部。