我在使用网络字体从普通字体样式切换到斜体时遇到问题。
当我使用字体变化设置时,我只会得到正常的样式:
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;
我还是看斜体...
我已经阅读了这篇文章,但我似乎看不出我哪里出错了。