css - 可变字体无法在 Safari 中正确加载

Question

我使用的是可变字体，它在 Chrome（版本 97.0.4692.71）和 Firefox（96.0.2）上正常工作，但在 Safari（15.1）上不能正常工作。

在 CSS 上，我正在导入这样的字体：

@font-face {
    font-family: 'Bild V3 Variable Web';
    font-style: normal;
    src: url('fonts/BildVariableV3-VF.woff2') format('woff2-variations'),
    url('fonts/BildVariableV3-VF.woff2') format('woff2');
    font-weight: 100 900;
}

并像这样使用它：

h2 {
    font-family: Bild Variable V3;
    font-variation-settings: "wght" 300;
    font-size: 72px;
    color: $white;
}

有没有人知道为什么会这样？