La font-styleproprietà consente di far apparire il testo in corsivo (cioè inclinato o inclinato).
em ( font-style: italic; )Questa proprietà accetta uno dei tre possibili valori: normal, italic, e oblique.
Se una determinata famiglia di caratteri ha una faccia in corsivo o obliqua incorporata, il browser selezionerà quella faccia. Se non è disponibile alcuna faccia in corsivo o obliqua, il browser imiterà l'effetto inclinato. Se il corsivo è definito e non è disponibile una faccia in corsivo, il browser cercherà una faccia obliqua prima di tentare di imitare il corsivo. Lo stesso vale per obliquo; anch'esso cercherà prima una faccia in corsivo.
Per impedire al browser di aggiungere una versione imitata o sintetizzata della faccia in corsivo o obliquo, è possibile utilizzare la font-synthesisproprietà (se supportata).
Corsivo vs. obliquo
Secondo le specifiche, "le forme corsive sono generalmente di natura corsiva mentre le facce oblique sono tipicamente versioni inclinate della faccia regolare". Tuttavia, se il carattere utilizzato non dispone di facce in corsivo o oblique, nella maggior parte dei casi c'è poca, se non nessuna, differenza tra corsivo e obliquo.
La demo seguente mostra sia corsivo che obliquo:
Vedi Pen Italic vs. oblique con stile font CSS di CSS-Tricks (@ css-tricks) su CodePen.
Supporto browser
| Cromo | Safari | Firefox | musica lirica | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Lavori | Lavori | Lavori | Lavori | Lavori | Lavori | Lavori |