How is text thickness calculated according to the css property "font-weight"?

Font weight in Firefox:

font-weight in firefox

Font Weight in Chrome:

font-weight in chrome

The font-weight value is of the order of 100 500 600 700 900, which is set in accordance with the W3C standard.

You can clearly see that the thickness of the text does not change linearly, and in another browser is not quite the same (it is almost the same from 100 to 500.). So, I wonder if there is a standard for how text is calculated according to font-weight ?

+8
html css fonts
source share
1 answer

The algorithm, at least theoretically, is the following: http://www.w3.org/TR/CSS2/fonts.html#propdef-font-weight

The CSS3 specification is similar - http://www.w3.org/TR/css3-fonts/#font-weight-prop

According to him, bold graphs are often synthesized by user agents for individuals who do not have bold faces.

I found that it is often better to avoid combining fonts and use a specific facet of the font.

+1
source share

All Articles