Bolder
, ou lighter
na verdade é um atributo herdado. Vou explicar melhor. Se o pai tem font
normal, e vc coloca bolder
em um filho o browser entende que esse filho deve ter um negrito superior ao do pai. Assim como o lighter
o browser entender que o filho deveria ter a fonte mais "leve" que a do pai.
Outro ponto a ter e mente é a limitação da própria font-family
que muita vezes não tem um font-wight
mais pesado que o próprio bold
, então usar bolder
seria a mesma coisa que bold
, pois ela não tem um tipo mais pesado para aplicar, o mesmo acontece com o lighter
, se a font-family
não tiver um tipo mais leve o mais leve será o normal.
The problem here is that the font itself must have one or more weights. If it has none you cannot make it bold at all.
PORTUGUÊS
"O problema aqui é que a própria fonte deve ter um ou mais pesos. Se não tiver nenhuma, você não poderá negrito de forma alguma."
Veja esse estudo de caso:
Para o caso de teste, foi usada a font-family
Segoe UI para Windows. Se a fonte não tiver o peso para todos as configurações, por exemplo se ela não tiver até o 900 o máximo que ela vai chegar é no 700.
OBS: Fonte normal é considerado 400, acima disso semi-bold, bold, extra bold, black
e abaixo light, extra light, thin

Fonte: https://www.quirksmode.org/css/text/fontweight.html
Tabla de referência da Mozilla: https://developer.mozilla.org/pt-BR/docs/Web/CSS/font-weight#Significado_de_pesos_relativos
