Stile del font CSS

Stile del carattere

font-style L'attributo viene utilizzato principalmente per specificare il testo in grassetto.

Questa proprietà può impostare tre valori:

  • normal - Il testo viene visualizzato normalmente
  • italic - Il testo viene visualizzato in grassetto
  • oblique - Il testo è "inclinato" (l'inclinato è molto simile all'italic, ma supporta meno)

Esempio

p.normal {
  font-style: normal;
}
p.italic {
  font-style: italic;
}
p.oblique {
  font-style: oblique;
}

Prova da solo

Spessore del carattere

font-weight L'attributo specifica la spessore del carattere:

Esempio

p.normal {
  font-weight: normal;
}
p.thick {
  font-weight: bold;
}

Prova da solo

Variante di carattere

font-variant L'attributo specifica se il testo viene visualizzato con il carattere small-caps (minuscole in maiuscolo).

In caratteri small-caps, tutte le lettere minuscole vengono convertite in maiuscole. Tuttavia, la dimensione del carattere delle maiuscole convertite è più piccola rispetto alla dimensione del carattere delle maiuscole originali nel testo.

Esempio

p.normal {
  font-variant: normal;
}
p.small {
  font-variant: small-caps;
}

Prova da solo