0

我在使用网络字体从普通字体样式切换到斜体时遇到问题。

当我使用字体变化设置时,我只会得到正常的样式:

font-variation-settings: 'wght' 400, 'ital' 1;

我正在使用一种名为Petrona的Google 字体@font-ace

这是我在 CSS 中调用字体的方式:

@font-face {
    font-family: 'Petrona';
    src: url('fonts/petrona/Petrona-VariableFont_wght.ttf') format('woff2 supports variations'),
       url('fonts/petrona/Petrona-VariableFont_wght.ttf') format('woff2-variations');
    font-weight: 1 900;
    font-style: normal;
}

@font-face {
    font-family: 'Petrona';
    src: url('fonts/petrona/Petrona-Italic-VariableFont_wght.ttf') format('woff2 supports variations'),
       url('fonts/petrona/Petrona-Italic-VariableFont_wght.ttf') format('woff2-variations');
    font-weight: 1 900;
    font-style: italic;
}

body {
    font-family: Petrona;
    font-variation-settings: 'wght' 400, 'ital' 1;
}

如果我删除第一个@font-face声明,我会得到斜体字......但是如果我尝试:

font-variation-settings: 'wght' 400, 'ital' 0;

我还是看斜体...

我已经阅读了这篇文章,但我似乎看不出我哪里出错了。

4

1 回答 1

0

斜体未在该系列中作为变体实施。斜体和罗马是两种不同的可变字体。对于字体系列,“ital”与设计轴相关,但与变化轴无关。为“ital”设置 font-variation-setting 不会有任何效果,因为字体没有“ital”变体。

于 2021-10-17T02:24:01.627 回答