Webdesign mit (X)HTML und CSS

Ein Kurs für Einsteiger

Schriftstil

Kursive Darstellung

Mit der Eigenschaft font-style kann Schrift kursiv dargestellt werden.

normal
Die Schrift wird mit der normalen Ausrichtung angezeigt.
oblique
Die Schrift wird künstlich verschieft angezeigt.
italic
Es wird der Kursivschnitt einer Schrift angezeigt.

In der Praxis liefern die Werte oblique und italic ein identisches Ergebnis; es wird in beiden Fällen der echte Kursivschnitt angezeigt, wenn für die betreffende Schriftart ein solcher existiert bzw. die Schrift verschieft, wenn es keine echte Kursive gibt.

Kapitälchen

Mit font-variant werden Kapitälchen angezeigt.

normal
Die Schrift wird normal (wie getippt) angezeigt.
small-caps
Kleinbuchstaben werden als Kapitälchen (= verkleinerte Großbuchstaben) angezeigt.

Im eigentlichen Sinne sind Kapitälchen ein eigener Schriftschnitt, bei dem die Kleinbuchstaben als etwas in der Größe reduzierte Großbuchstaben gezeichnet sind. Bei echten Kapitälchenschriften wird die Strichstärke der »kleinen Großbuchstaben« und der »großen Großbuchstaben« angeglichen.

Bei den falschen Kapitälchen, die durch small-caps aus normalen Schriftschnitten angezeigt werden, wirken daher die »großen Großbuchstaben« etwas fetter als die kleineren.

Strichstärke

Mit der Eigenschaft font-weight wird die »Strichstärke« einer Schrift bestimmt.

Mögliche Werte:

100-900
Strichstärke von sehr dünn (100) bis sehr dick (900)
normal
Normale Strichstärke einer Schriftart; entspricht dem Wert 400.
bold
Fettschrift, entspricht dem Zahlenwert 700
bolder
Darstellung fetter als der vom Elternelement geerbte Wert.
lighter
Darstellung dünner als der vom Elternelement geerbte Wert.

In der Praxis sind die Angaben normal und bold sinnvoll einsetzbar, da die wenigsten Schriften über Schnitte in feineren Abstufungen verfügen bzw. feinere Abstufungen am Bildschirm nicht zu unterscheiden sind.