非标准文件的自定义字体粗细定义

Question

我有一个非标准字体文件，字体粗细值在 38 到 682 之间变化，可以使用此范围内的任何值。

在CSS中，我默认写入

font-weight: bold;

，它会更改为

font-weight: 700;

，并且因为它超过682，所以它是超粗体。

有没有办法告诉CSS将

font-weight: bold;

更改为

font-weight: 249;

之类的东西？

这就是字体的定义方式：

@font-face {
  font-family: "Font Name";
  src: url("Font-Name-Variable.woff2") format("woff2 supports variations");
  font-weight: 38 682;
  font-style: normal;
  font-display: swap;
}

Answer 1

使用可变字体时，您可以将整数值指定为 font-weight 属性值。例如，

<p style="font-weight:619;">

具体详情请参阅 https://www.w3.org/TR/css-fonts-4/#font-weight-prop。