字体粗细不起作用

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>

- Reece

---

你是怎么确定字体粗细不起作用的？我尝试了700，它比预期的更加加粗。 - Kristijan Iliev

似乎完美地运作了！ - Mohammad

那个字重在那种字体中被支持吗？ - Albzi

@Mohammed 抱歉，但这根本不是。 - Reece

看起来是这样，但你也有那个版本吗？https://typekit.com/fonts/museo-sans - Albzi

Answer 1

如果我输入600或更多数字，它会变成粗体，这是预期的。也许如果我安装字体的细版本，较低的数字就可以工作。如果没有这样做，浏览器将默认为普通或粗体。 来自Mozilla CSS参考：

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

- 如果给出的权重大于500，则使用最接近的较暗权重（如果没有，则使用最接近的较轻权重）。 - 如果给定的权重小于400，则使用最接近的较轻权重（如果没有，则使用最接近的较暗权重）。 - 如果给定的权重恰好为400，则使用500。如果500不可用，则使用小于400的字重的启发式方法。 - 如果给定的权重恰好为500，则使用400。如果400不可用，则使用小于400的字重的启发式方法。

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

编辑：看起来它支持更轻的字重。

- irowe

Answer 2

检查字体族。其中一些将显示正常重量至500。例如，font-family：Rubik，sans-serif; 将不会在重量达到500时显示太大的差异

- Ravi Rane