如何根据css属性“font-weight”计算文本厚度？

font-weight in firefox

字体重量铬：

font-weight in chrome

font-weight的值在100,500,600,700,900的顺序，这是根据W3C标准设置。

您可以清楚地看到文字厚度没有线性变化，并且在不同的浏览器中不完全相同（从100到500几乎相同）。所以我想知道，根据font-weight，文本是如何计算的？

2012-03-09 ThemeZ

实际上，400是正常的，700是粗体。这些是大多数文本渲染引擎支持的唯一数字值。这主要不是浏览器问题。 – 2012-03-09 07:51:14

@BoltClock就是'400'和'700'。但是，它不是浏览器的限制，而是字体的定义。大多数只有两个厚度。 – 2012-03-09 07:52:03

是的，关于浏览器的部分是我的错误。哎呀。 – BoltClock 2012-03-09 07:52:58

正如它指出，粗体面通常是由用户代理合成对于缺乏实际粗体面孔的面孔。

我发现它通常更好，以避免字体权重在一起，并使用特定的字体。

2012-03-10 01:49:57 dave

你是对的，人们很少使用数值，而是使用特定的字体。所以大多数浏览器都不支持，但我不明白的是他们甚至没有实现_bolder_和_lighter_ – ThemeZ 2012-03-11 09:51:11

回答