CSS - peso da fonte

Descrição

A propriedade font-weight altera o peso visual dos caracteres em um elemento.

Valores possíveis

100, 200, 300, 400, 500, 600, 700, 800 and 900- Define de caracteres finos a grossos. 400 é o mesmo que normal e 700 é o mesmo que negrito.
normal- Padrão. Define caracteres normais e equivalentes ao valor 400.
bold - Equivalente ao valor 700.
bolder - Os caracteres da fonte do elemento devem ser mais pesados do que os do elemento pai.
lighter - Os caracteres da fonte do elemento devem ser mais claros do que os do elemento pai.

Aplica-se a

Todos os elementos HTML.

Sintaxe DOM

object.style.fontWeight = "900";

Exemplo

Aqui está o exemplo usando esta propriedade -

<html>
   <head>
   </head>

   <body>
      <p style = "font-weight:bold;">
         This font is bold.
      </p>
      
      <p style = "font-weight:bolder;">
         This font is bolder.
      </p>
      
      <p style = "font-weight:500;">
         This font is 500 weight.
      </p>
   </body>
</html>

Isso produzirá o seguinte resultado -

↰ Previous page