如何检查平台是否支持 FontFace API？

Question

我可以检查平台是否支持如下所示的 FontFace API 吗？

if(window.FontFace || window.webkitFontFace) {
     //...
}

或者我不应该检查 "window.webkitFontFace" 是否存在？

注意：我想知道它是否支持Javascript的FontFace API而不是CSS的@font-face , 虽然 FontFace API 使用 CSS @font-face.

Answer 1

不支持FontFace时为undefined（除非自定义JS出于某种原因设置了window.FontFace变量）。所以你建议的代码的第一部分很好。检查 webkitFontFace 没有任何意义，可以删除。

if (window.FontFace) {
    console.log("supported");
} else {
    console.log("not supported");
}

上面的代码 returns supported 在最新的 Firefox 上，returns unsupported 在最新的 Internet Explorer 上。

How to check if a platform supports FontFace API?