javascript - 如何使用 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')");