使用 javascript 检测可变字体支持

Detect variable font support with javascript

提问人：kontur 提问时间：4/17/2019 更新时间：6/17/2019 访问量：646

问：

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

javascript woff woff2 字体功能设置

评论

答：

1赞 kontur 6/17/2019 #1

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

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

评论

0赞 oldboy 3/5/2022
您知道如何确定可用于任何给定变量字体的每个可操作特征（或每个值）吗？font-variation-settings
0赞 kontur 3/7/2022
@oldboy CSS 是不可能的;使用OpenType.js之类的东西，您可以解析字体并找到轴及其额外内容，但这不是很实用。在大多数情况下，开发人员知道这些是什么。
0赞 oldboy 3/8/2022
这对我的用例来说很好。我会谷歌 opentype.js.org 吗？
0赞 kontur 3/24/2022
https://opentype.js.org/

上一个：有没有办法使用 Javascript 读取字体的可用字体功能设置？

下一个：如何获取要激活的媒体查询