用JavaScript检测WOFF支持吗？

Question

在这种情况下，我使用Data加载字体，并且只想使用一种文件类型WOFF。不使用回退字体也很关键，因此我正在寻找一种方法来检测JavaScript是否支持WOFF。是否可能检测到WOFF (非WOFF2)支持？

这个问题以前曾被问过(Detecting with Javascript whether a Browser supports Web Open Font Format (Woff) or not)，但给出和接受的答案并不是关于检测WOFF支持。

Answer 1

看起来，唯一不支持WOFF的浏览器是IE8、Opera和Androidver4.3：http://caniuse.com/#feat=woff

然后，您可以通过查看IE8是否存在addEventListener和Opera是否存在operamini来检查operamini：

// from http://stackoverflow.com/a/19572784/4338477
function getAndroidVersion(ua) {
    ua = (ua || navigator.userAgent).toLowerCase(); 
    var match = ua.match(/android\s([0-9\.]*)/);
    return match ? match[1] : false;
}

if ((document.all && !document.addEventListener) || 
        (!!window['operamini']) || 
        (parseFloat(getAndroidVersion() < 4.4)) {
    // IE 8, Opera Mini, Android 4.3 or lower: No WOFF support
} else {
    // Supports WOFF
}