如何使用FontFace API加载后备字体格式

Question

当使用FontFace API（不是@fontface）时，有一种方便的方式来传递多种不同的字体格式，比如在@fontface中提供多个源？

或者，是否有方便的方法来检查使用FontFace API的浏览器将接受哪些格式，因此我可以提供最理想的几种格式？

Answer 1

根据CSS Font Loading规范的当前草案所述，FontFace API采用与相应@font-face描述符相同的值。这意味着您可以简单地将您在@font-face定义中使用的后备字符串作为字体数据源传递。 It’s how WebKit handles it，无论如何：

let fontFace = new FontFace("MyWebFont", "url('MyWebFont.woff2') format('woff2'), url('MyWebFont.woff') format('woff')");