html - 使用 CSS @font-face 时，浏览器以什么顺序使用不同的类型？

Question

当在 CSS 中使用 @font-face 时，是否在任何地方记录了每种主要浏览器的字体类型，以及如果缺少一种或多种字体类型，它们赋予不同字体类型的优先级？我尝试用谷歌搜索答案，但失败了。

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

希望有类似的东西......

按优先顺序允许的格式:

• IE10:TTF、EOT、WOFF
• IE9:EOT、WOFF
• IE8:...
• Chrome :...
• 移动版 Chrome:...
• 火狐:...
• Safari :...
• 移动版 Safari:...

Answer 1

src 属性的值是一个优先列表，因此每个浏览器将使用列表中其支持的格式中的第一个字体。来自 CSS 字体模块级别 3 CR，部分 4.3 Font reference: the src descriptor : “它的值是一个按优先顺序排列的、逗号分隔的外部引用列表或本地安装的字体名称。当需要一种字体时，用户代理遍历列出的引用集，使用它可以成功激活的第一个。包含无效数据或未找到的本地字体的字体将被忽略，用户代理将加载列表中的下一个字体。”