CSS字体重量差异？

Question

我做了这个简单的demo。

我可以在Visual Studio中看到，所有这些font-weight的值可以是：

然而，当我尝试了所有这些值，我可以找到只有4 distincts。

我说那些红色矩形，所以你可以看到谁具有相同的宽度。

为什么所有在中间（和那些最后）看起来都一样？为什么我需要所有这些数字？

Answer 1

不同的字体有不同的字体可供他们使用。您的浏览器不会试图模拟缺失的权重（这是一件好事，很难正确），因此您仅限于所用字体的已安装版本中存在的权重。

Answer 2

这可能是因为字体不支持如此多的权重，或者浏览器无法显示这些权重。

无论如何，数字必须在那里，因为这是字体权重的工作原理。如果字体支持不同的权重，则由浏览器尽可能精确地显示它;否则它会试图优雅地回退到支持的最近位置。