Обнаружение поддержки переменного шрифта с помощью 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 и поддержку API javascript, который случайно старых браузеров неподдержка переменных шрифтов также не поддерживает.Затем с помощью CSS.supports проверить, поддерживается ли настройка вариантов шрифта, тривиально.