In what situation will the font-weight bolder be less bold than the bold?

  • I apologize, but why do you want the “fattest” to become thinner than the “fatty”? Anyway, this, in my opinion, should be determined by the font itself. - Stanislav
  • In the case of a bug in the browser? - VladD
  • @VladD, you are wrong. The font can support up to 9 font-weight levels (100, 200, 300, ..., 900), with a 'bold' corresponding to a value of 700. 'bolder' is interpreted according to the following rules developer.mozilla.org/en-US / docs / Web / CSS / ... , depending on the font-weight value inherited from the parent. - dzhioev
  • @dzhioev: I did not know, thanks! That is, bolder has the legal right to be brighter than bold? o_O - VladD
  • @VladD, yes. If only "bolder then parent". - dzhioev

1 answer 1

div div[style]:after { content: " (" attr(style) ")" } 
 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic&amp;subset=latin" media="all"> <div style="font-weight:lighter"> <div>1234567890</div> <div style="font-weight:normal">1234567890</div> <div style="font-weight:bolder">1234567890</div> <div style="font-weight:bold">1234567890</div> </div> <hr> <div style="font-weight:lighter; font-family:Roboto"> <div>1234567890</div> <div style="font-weight:normal">1234567890</div> <div style="font-weight:bolder">1234567890</div> <div style="font-weight:bold">1234567890</div> </div>

  • one
    Your font example has font-weight support that is thinner than normal jsfiddle.net/69cn24uz . - dzhioev
  • @dzhioev, yes, it looks better :) That was the idea that the relative change behaves somewhat differently than the absolute. - Qwertiy ♦
  • @dzhioev, added an example with that font in the answer. - Qwertiy ♦
  • Is it a type of boulder lighter and no connection with the bold? - Grundy
  • @Grundy, well, I had a normal body. He was made thinner by an external div. And then came bolder and returned everything as it was. And bold all this time stood aside because he is a constant :) - Qwertiy ♦