使用 javascript 检测可变字体支持

Question

我知道 woff2 检测以及基于 css 的 @supports 可变字体支持检测，但是有没有办法仅在 Javascript 中检测可变字体支持？

Answer 1

现在是code I ended up am using：

function variableFonts() {
    if ("CSS" in window === false || "supports" in CSS === false) {
        return false
    }

    return CSS.supports("(font-variation-settings: normal)")
}

首先检查 javascript CSS 并支持 API — 顺便说一句 不支持可变字体的旧浏览器也不支持。然后，使用 CSS.supports 检查是否支持设置字体变体是微不足道的。