字体粗细不起作用

Question

我在使用较轻的字体粗细时遇到问题。我有我想在我的电脑上使用的所有权重的字体，但它不起作用。我发现很多字体不能使用较轻的重量。这是怎么回事？

https://jsfiddle.net/ywr2ks1p/

p{
  font-family: museo sans;
  font-weight: 100;
  font-size: 50px;
}

<div>
  <p>
  hello I am some text
  </p>
</div>

Answer 1

如果我放 600 或更多，它会变成粗体，正如预期的那样。也许如果我要安装字体的较薄版本，较低的字体会起作用。取而代之的是，浏览器只是默认为正常或粗体。

来自 Mozilla CSS 参考：

如果给定的确切权重不可用，则使用以下启发式方法来确定实际呈现的权重：

• 如果给出的权重大于 500，则使用最接近的可用深色权重（或者，如果没有，则使用最接近的可用较轻权重）。
• 如果给出的权重小于 400，则使用最接近的可用的较轻的权重（或者，如果没有，则使用最接近的可用的较暗的权重）。
• 如果给定的权重恰好为 400，则使用 500。如果 500 不可​​用，则使用小于 400 的字体粗细的启发式方法。
• 如果给出的权重恰好为 500，则使用 400。如果 400 不可​​用，则使用小于 400 的字体粗细的启发式方法。

这意味着对于仅提供正常和粗体的字体，100-500 是正常的，600-900 是粗体。

编辑：看起来它确实支持更轻的重量