Webdesign mit (X)HTML und CSS

Ein Kurs für Einsteiger

Zusammenfassend: font

Mit der zusammenfassenden font-Eigenschaft können die Werte für font-style, font-variant, font-weight, font-size, line-height und font-family gemeinsam angegeben werden.

Regel zur Notation: font:[style] [variant] [weight] size [/line-height] family

Die font-Eigenschaft erfordert mindestens die explizite Angabe von Schriftgröße und Schriftart. Die Angaben in »[ ]« sind optional. Wenn für die betreffenden Werte keine Angabe gemacht wird, so wird der Wert auf normal gesetzt.

Die Reihenfolge der drei möglichen Angaben vor der Schriftgröße ist beliebig

Die Zeilenhöhe (line-height) wird mit einem Schrägstrich direkt an die Angabe zur Schriftgröße angeschlossen. Für die Schriftfamilie sind mehrere Angaben möglich, die durch Kommata getrennt notiert werden.

  1. font:bold italic 80%/1.5 georgia, serif;

Die Werte für die optionalen Eigenschaften, die nicht explizit angegeben werden, werden auf ihren Initialwert zurückgesetzt.

Diese Angabe

  1. font:80%/1.5 georgia, serif;

ist also gleichbedeutend mit

  1. font:normal normal normal 80%/1.5 georgia, serif;