Die Eigenschaft Schriftstil

Die Eigenschaft font-style definiert, ob Ihr Text kursiv oder schräg ist. Aber was ist der Unterschied zwischen kursiv und schräg? Wenn Typografie ein Teil Ihres täglichen Arbeitslebens ist, wissen Sie dies wahrscheinlich. Andernfalls finden Sie hier eine Erklärung: Schrägschrift ist normalerweise eine römische Schrift, die automatisch um eine bestimmte Gradzahl (von 8 bis 12 Grad) verschoben wurde, während kursiv vom Schriftdesigner erstellt wird, um eine kalligrafischere und schrägere Version der Schrift zu erzielen. Dies betrifft Sie nur, wenn Sie eine Kursivschrift verwenden möchten - Sie müssen sicherstellen, dass die von Ihnen verwendete Schriftart tatsächlich mit einer solchen entworfen wurde. Andernfalls erhalten Sie die schräge Version und riskieren einen eher unangenehmen Anblick.

Nachfolgend finden Sie ein Beispiel für die Darstellung von Kursivschrift und Schrägschrift (wie Sie sehen können, ist dies das gleiche, was bedeutet, dass die von mir verwendete Schriftart nicht kursiv gedruckt ist und das Ergebnis daher für das Auge möglicherweise nicht so ansprechend ist wie erhofft)

<style>
.styleItalic {font-style: italic }
.styleOblique {font-style: oblique }
</style>
<p class="styleItalic">To travel is to live - H. C. Andersen </p>
<p class="styleOblique"> To travel is to live - H. C. Andersen </p>

Wenn Sie sich eingehender mit Typografie und deren Geschichte befassen möchten, können Sie mit ILoveTypography fortfahren weil sie zu den Besten auf dem Gebiet gehören und großartige Artikel schreiben!

Was Sie hier gelernt haben:

• Mit der Schriftstärke legen Sie fest, ob Ihr Text fett gedruckt werden soll oder nicht
• Sie legen mithilfe des Schriftstils fest, ob Ihr Text kursiv sein soll oder nicht
• Nicht alle Werte der CSS-Schriftgewichtungseigenschaft sind nützlich, da die meisten kostenlosen Webfonts keine neun verschiedenen Gewichtungen enthalten
• Viele Google-Schriftarten haben drei Strichstärken und sind daher möglicherweise genau das, was Sie für Überschriften und dergleichen benötigen
• Leider sind nicht alle Webfonts kursiv gedruckt. Daher kann es vorkommen, dass die Schrägschrift automatisch generiert wird, während die Kursivschrift speziell für eine Schrägschrift nach rechts entwickelt wurde