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

Question

@font-face在CSS中使用时，是否在任何地方都记录了每种主要浏览器中哪些字体类型有效，并且如果缺少一个或多个字体，它们还赋予不同字体类型的优先级？我尝试并未能通过Google找到答案。

@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：...
• FireFox：...
• 苹果浏览器： ...
• 移动Safari：...

Answer 1

该src属性的值是优先列表，因此每个浏览器都将使用列表中支持的格式的第一个字体。在CSS字体模块第3级CR中，第4.3节字体参考：src描述符：“其值是按优先级，以逗号分隔的外部参考列表或本地安装的字体名称。当需要字体时，用户代理可以使用列出的第一个引用来遍历列出的引用，它可以成功激活。包含无效数据或未找到的本地字体的字体将被忽略，用户代理将加载列表中的下一个字体。”