html - 如果浏览器同时支持这两个版本，哪些字体会被下载？

Question

假设我有 2 个版本的字体 customFont1.woff2 和 customFont1.woff。我将 woff 2 版本放在首位，然后将 woff 版本 2nd 放在字体声明文件中。浏览器支持这两种字体格式。两种字体都被下载还是只下载 woff2 然后忽略 woff 版本，或者它也下载其他版本的字体，以检查最佳格式字体以避免 FOIT？

标签： htmlcssfontsfont-face

Answer 1

根据https ://drafts.c​​sswg.org/css-fonts-3/#descdef-src ：

此描述符指定包含字体数据的资源。@font-face 规则必须有效。它的值是一个优先的、以逗号分隔的外部引用列表或本地安装的字体名称。当需要字体时，用户代理会遍历列出的引用集，使用第一个可以成功激活的引用。