javascript - 使用 javascript 检测可变字体支持

Question

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

Answer 1

这是我现在最终使用的代码：

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

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

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