La font-stylepropriété vous permet de faire apparaître le texte en italique (c.-à-d. Incliné ou incliné).
em ( font-style: italic; )Cette propriété accepte une des trois valeurs possibles: normal, italicet oblique.
Si une famille de polices donnée a une face italique ou oblique incorporée, le navigateur sélectionnera cette face. Si aucune face italique ou oblique n'est disponible, le navigateur imite l'effet d'inclinaison. Si l'italique est défini et qu'aucune face italique n'est disponible, le navigateur recherchera une face oblique avant d'essayer d'imiter l'italique. La même chose s'applique à l'oblique; il cherchera aussi d'abord un visage en italique.
Pour empêcher le navigateur d'ajouter une version imitée ou synthétisée de la face italique ou oblique, vous pouvez utiliser la font-synthesispropriété (si elle est prise en charge).
Italique vs oblique
Selon la spécification, «les formes italiques sont généralement de nature cursive tandis que les faces obliques sont généralement des versions inclinées du visage régulier.» Cependant, si la police utilisée n'a pas de faces italiques ou obliques disponibles, dans la plupart des cas, il y a peu, voire aucune, différence entre l'italique et l'oblique.
La démo ci-dessous montre à la fois l'italique et l'oblique:
Voir le Pen Italic vs. oblique avec CSS font-style par CSS-Tricks (@ css-tricks) sur CodePen.
Prise en charge du navigateur
| Chrome | Safari | Firefox | Opéra | C'EST À DIRE | Android | iOS |
|---|---|---|---|---|---|---|
| Travaux | Travaux | Travaux | Travaux | Travaux | Travaux | Travaux |