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。

仅供参考，the support matrix;个别格式链接到底部。

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

1 个答案: