Font-Eigenschaften – CSS Schnellreferenz

Was in diesem Kapitel steht

Kapitel 15 versammelt die fünf Schrift-Eigenschaften und ihre Kurzform. Alle fünf werden vererbt – das ist der Grund, warum eine einzige Angabe am Wurzelelement die ganze Seite bestimmt, und der Grund, warum eine Änderung an einer Stelle weiter unten unerwartet weit reicht.

Die Spalte für den Bezugswert nennt allein bei der Schriftgröße einen Wert, und zwar die Schriftgröße des Elternelements. Daraus folgt das Aufsummieren, das bei verschachtelten Elementen mit relativen Angaben zu Größen führt, die niemand so notiert hat. Die Kurzform hat außerdem eine Eigenheit, die keine Tabellenspalte zeigen kann: Sie setzt die Zeilenhöhe mit, auch wenn sie nicht angegeben ist, und überschreibt damit einen vorher gesetzten Wert.

Browser-Unterstützung

Eigenschaft	Browser-Support
font	Alle Browser: Die Eigenschaft `font` werden von allen modernen Browsern unterstützt, auf Einschränkungen wird bei den Einzeleigenschaften hingewiesen.
font-family	IE/win 5.x, IE/Win 6, IE 7 IE/Win erkennt den Wert `inherit` nicht.
font-size	Alle Browser Der Unterschied zwischen den Werten `x-small` und `xx-small` ist bei kleineren Schriften oft nicht erkennbar. Das ist kein Fehler, sondern folgt einer Empfehlung des W3C. IE/win 5.x, IE/Win 6, IE 7 IE/Win erkennt den Wert `inherit` nicht.
font-size-adjust	Alle Browser: Die Eigenschaft `font-size-adjust` wird bis heute von keinem Browser korrekt unterstützt.
font-stretch	Alle Browser: Die Eigenschaft `font-stretch` wird bis heute von keinem Browser unterstützt.
font-style	Alle Browser Die Behandlung des Wertes `oblique` entspricht nicht 100%-ig den Vorgaben der Spezifikation. Die modernen Browser verwenden die Schriftart `italic` derselben Schriftfamilie, wenn die Schriftart `oblique` deklariert, aber nicht vorhanden ist. IE/win 5.x, IE/Win 6, IE 7 IE/Win erkennt den Wert `inherit` nicht.
font-variant	IE/win 5.x, IE/Win 6, IE 7 IE/Win erkennt den Wert `inherit` nicht.
font-weight	Alle Browser: Die Zahlenwerte `100` bis `900` werden von keinem Browser so interpretiert, dass für jede Schrift 9 verschiedene Schriftgewichtungen zur Verfügung stehen. Im Allgemeinen wird Zahlenwerten bis `500` der Wert `normal` und Zahlenwerten von `600` an der Wert `bold` zugeordnet. IE/win 5.x, IE/Win 6, IE 7 IE/Win erkennt den Wert `inherit` nicht.

Schnellreferenz-Tabelle

Cascading Style Sheets ::Schnellreferenz

CSS 1 & CSS 2: Font-Eigenschaften

Die Stylesheet-Schnellreferenz kann auch als PDF-Datei herunter geladen werden.

Eigenschaft	Mögliche Werte	Ausgangs- wert	Vererbung	Anwend- barkeit	%-Bezugs- wert	Medien- gruppe
Eigenschaft	Mögliche Werte	Ausgangs- wert	Vererbung	Anwend- barkeit	%-Bezugs- wert	Medien- gruppe

`font-family`	Spezifische Fontnamen, `cursive fantasy monospace sans-serif serif inherit`	Abhängig vom Anwender- programm.	Ja	Alle Elemente	Nicht zutreffend	Visual
`font-style`	`normal italic oblique inherit`	`normal`	Ja	Alle Elemente	Nicht zutreffend	Visual
`font-variant`	`small-caps normal inherit`	`normal`	Ja	Alle Elemente	Nicht zutreffend	Visual
`font-weight`	`lighter normal bold bolder 100, 200, ... 900 inherit`	`normal`	Ja	Alle Elemente	Nicht zutreffend	Visual
`font-size`	Längenwerte Prozentangabe `xx-small x-small small smaller medium larger large x-large xx-large inherit`	`medium`	Ja, der berechnete Wert, nicht der Initialwert	Alle Elemente	`font-size` des Eltern- elements	Visual
`font-stretch` Nicht CSS 2.1!	`normal wider narrower ultra-condensed extra-condensed condensed semi-condensed semi-expanded expanded extra-expanded ultra-expanded inherit`	`normal`	Ja	Alle Elemente	Nicht zutreffend	Visual
`font-size-adjust` Nicht CSS 2.1!	Aspektwert `none inherit`	`none`	Ja, nicht- justierte Werte	Alle Elemente	Nicht zutreffend	Visual
`font` (Kurzschrift)	Werte `inherit`	Siehe Einzel- eigen- schaften	Ja	Alle Elemente	Erlaubt für `font-size` und `line-height`	Visual

Schnellreferenz Font-Eigenschaften

Was in diesem Kapitel steht

Browser-Unterstützung

Schnellreferenz-Tabelle

CSS 1 & CSS 2: Font-Eigenschaften