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

Question

Firefox中的字体粗细:

Chrome中的字体粗细:

该font-weight值大约为100,500,600,700,900,根据W3C标准设置.

您可以清楚地看到文本厚度没有线性变化,并且在不同的浏览器中不完全相同(从100到500几乎相同).所以我想知道,是否有关于文本如何计算的标准font-weight？

Answer 1

该算法至少在理论上是：http ://www.w3.org/TR/CSS2/fonts.html#propdef-font-weight

CSS3 规范类似 - http://www.w3.org/TR/css3-fonts/#font-weight-prop

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

我发现最好避免同时使用字体粗细，并使用特定的字体。