Propriedade font-weight §

---

A propriedade font-weight é utilizada para especificar a espessura ou “peso” da fonte de um elemento HTML.

Valores comuns

Os valores mais comuns para a propriedade font-weight são numéricos ou palavras-chave predefinidas. Os valores numéricos variam de 100 a 900, sendo 400 normal e 700 bold. As palavras-chave mais utilizadas são normal e bold.

Exemplos §

Texto normal §

.paragrafo-normal {
  font-weight: normal; /* Texto com peso padrão (normal) */
}
 
.titulo-normal {
  font-weight: normal; /* Texto com peso padrão (normal) */
}

Texto negrito §

.destaque-importante {
  font-weight: bold; /* Texto em negrito */
}
 
.subtitulo-destacado {
  font-weight: 700; /* Também pode ser definido numericamente, 700 é equivalente a bold */
}

Variação de peso §

.texto-leve {
  font-weight: 300; /* Texto mais leve */
}
 
.texto-pesado {
  font-weight: 800; /* Texto mais pesado */
}

Referências §

---

• Curso de JavaScript e TypeScript do básico ao avançado