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

Question

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

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

还是我不应该检查“ window.webkitFontFace”的存在？

注意：，尽管FontFace API使用CSS @ font-face，但我想知道它是否可以支持Javascript的FontFace API而不支持CSS的@ font-face。

Answer 1

当不支持FontFace时，它就是undefined（除非自定义JS由于某种原因设置了window.FontFace变量）。因此，建议的代码的第一部分很好。检查webkitFontFace无用，可以删除。

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

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