Mit dieser font-styleEigenschaft können Sie Text kursiv (dh geneigt oder geneigt) anzeigen.
em ( font-style: italic; )Diese Eigenschaft akzeptiert eine von drei möglichen Werten: normal, italic, und oblique.
Wenn in eine bestimmte Schriftfamilie ein kursives oder schräges Gesicht eingebettet ist, wählt der Browser dieses Gesicht aus. Wenn keine kursive oder schräge Fläche verfügbar ist, ahmt der Browser den Neigungseffekt nach. Wenn Kursivschrift definiert ist und keine Kursivschrift verfügbar ist, sucht der Browser nach einer Schrägfläche, bevor er versucht, die Kursivschrift nachzuahmen. Gleiches gilt für schräge; es wird auch zuerst nach einem kursiven Gesicht suchen.
Um zu verhindern, dass der Browser eine nachgeahmte oder synthetisierte Version der kursiven oder schrägen Fläche hinzufügt, können Sie die font-synthesisEigenschaft verwenden (falls unterstützt).
Kursiv gegen Schräg
Gemäß der Spezifikation sind „kursive Formen im Allgemeinen kursiv, während schräge Flächen typischerweise geneigte Versionen der regulären Fläche sind.“ Wenn für die verwendete Schriftart jedoch keine kursiven oder schrägen Flächen verfügbar sind, besteht in den meisten Fällen kein oder nur ein geringer Unterschied zwischen kursiv und schräg.
Die folgende Demo zeigt sowohl kursiv als auch schräg:
Siehe den Stift kursiv vs. schräg mit CSS-Schriftstil von CSS-Tricks (@ css-Tricks) auf CodePen.
Browser-Unterstützung
| Chrom | Safari | Feuerfuchs | Oper | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Funktioniert | Funktioniert | Funktioniert | Funktioniert | Funktioniert | Funktioniert | Funktioniert |