问题标签 [variable-fonts]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - 如何在 Google 字体中使用可变字体？
与需要为每个粗细（300、400、500 等）创建一个文件的传统字体不同，可变字体允许您通过单个（较小的）字体文件访问字体粗细和样式的每个组合。这对网络有明显的好处，我正在尝试使用 Google Fonts 中的Inter字体，Google 和设计师的网站都声称它是可变字体。
但是，当在 Google Fonts 中选择字体时，我仍然需要选择我想要使用的单个权重，并且生成的<link>标签还指定了单个权重，这表明它正在下载这些文件中的每一个：
我还注意到它似乎没有斜体，当我尝试渲染斜体时，它会用假斜体模拟它们，我通过添加 CSS 规则来确认font-synthesis:none：
为什么会这样，我如何通过谷歌字体使用可变版本的Inter，包括斜体？
css - 可变字体无法在 Safari 中正确加载
我使用的是可变字体，它在 Chrome（版本 97.0.4692.71）和 Firefox（96.0.2）上正常工作，但在 Safari（15.1）上不能正常工作。
在 CSS 上，我正在导入这样的字体：
并像这样使用它：
有没有人知道为什么会这样？
android - 可变字体粗细未反映在 Android Studio 设计窗格中
当我想使用具有可变字体粗细（wght标签）的字体时 - 特别是Public Sans - 并且字体在 XML 文件中注册，如下所示（使用fontVariationSettings）：
对于旧类型的 XML 布局，甚至对于字体 XML ，权重似乎没有正确反映在 Android Studio设计窗格中。但是，在应用程序运行时，文本会正确呈现。
（设计左，运行时右）
使用Jetpack Compose，它是一致的——在设计（使用@Preview）和运行时都是正确的。
使用静态字体（单独bold的、regular文件等，这不是问题。）
这是 Android Studio 的已知问题（我在最新的稳定 AS 上运行：）Android Studio Bumblebee | 2021.1.1，还是在该 XML 中设置不正确？
谢谢你的帮助。
css - 如何使可变字体动画与大多数浏览器兼容？
我是一名平面设计专业的学生，我最近制作了一个使用可变字体动画的网站。
我使用“font-weight”属性来制作非常直接的 CSS 过渡和动画。
但是，它似乎只适用于 Firefox。有没有办法让这些效果兼容更多的浏览器？
我设置字体的方式是：
你可以在这里查看我的网站
提前致谢