使用@font-face时浏览器下载什么字体

Jas*_*vis 5 css font-face

@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;

}
Run Code Online (Sandbox Code Playgroud)

o.v*_*.v. 2

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

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

仅供参考,支持矩阵;各个格式的链接位于底部。