Archivi tag: peso

CSS3 Base – 3.4 – Peso dei caratteri

In questa lezione vi spiego come rendere più spessi i caratteri.

font-weight

La proprietà font-weight serve per impostare uno spessore al testo, per renderlo più marcato rispetto al resto del testo della pagina.

Uso di font-weight
Uso di font-weight

Questa proprietà accetta i seguenti valori:

  • normal – testo normale, non inspessito;
  • bold – testo in grassetto;
  • bolder – testo più spesso rispetto al normale (valore relativo);
  • lighter – testo meno spesso rispetto al normale (valore relativo).
Esempio
Esempio

In alternativa ai valori testuali, è possibile usare dei valori numerici da 100 a 900, che specificano lo spessore del testo:

  • 100
  • 200
  • 900

Il valore 400 corrisponde a normal, mentre 700 a bold.

Nota: spesso non si nota la differenza tra alcuni valori numerici in quanto la maggior parte dei font supportano soltanto la versione normale (400) o grassetto (700).

Video