CSS Font-weight -unseen差异?

Roy*_*mir 0 html css fonts

我做了这个简单的演示.

我可以在Visual Studio中看到所有font-weight可以拥有的值:

在此输入图像描述

然而,当我尝试所有这些值时,我只能找到4个区别.

在此输入图像描述

我添加了那些红色矩形,以便您可以看到谁具有相同的宽度.

为什么那些中间(和那些最后)看起来一样?为什么我需要所有这些数字?

Que*_*tin 10

不同的字体可以使用不同的字体粗细.您的浏览器不会尝试模拟缺失的权重(这是一件好事,很难做到正确),因此您只能使用已安装的字体版本中存在的权重.


Bol*_*ock 6

这可能是因为字体不支持这么多不同的权重,或者浏览器无法显示这些权重.

无论如何,数字必须存在,因为这是字体权重的工作方式.如果字体确实支持不同的权重,那么浏览器可以尽可能准确地显示它; 否则它会尝试优雅地回落到最接近的支持.