CSS-Eigenschaft Font-Family – Schriftart einstellen
- Schriftart definieren
- Schriftgröße definieren
- Schriftfarbe definieren
- Textausrichtung
- Text-Dekoration
- Hintergrundfarbe definieren
- Schriftfarbe definieren
- Rahmen – Border
- HTML Farbnamen
- CSS Box-Modell
- Außenabstand – Margin
- Innenabstand – Padding
- Rahmen – Border
- CSS Float Modell
- Art der Positionierung: Position
- Art der Darstellung: Display
- Außenabstand – Margin
- Innenabstand – Padding
- Rahmen – Border
- CSS Float Modell
- CSS Selektoren
- CSS Maßeinheiten
Inhaltsübersicht CSS Grundlagen
Eigenschaften für Text
Farben und Hintergründe definieren
Grundlagen Box-Modell?
Box-Positionierung
Schriftart: CSS Property font-family
Das zentrale Merkmal einer Webseite ist das Schriftbild. Mit der CSS-Eigenschaft font-family wird die die bevorzugte Schriftart und eine Liste alternativer Schriftarten bestimmt.
| Beschreibung | mögliche Werte | Standardwert | Kategorie |
|---|---|---|---|
| Schriftart | Liste von Schriftart-Namen generische Schriftarten serif sans-serif cursive monospaced fantasy initial inherit | abhängig von der Implementierung | Schriften Fonts |
Die »Angabe in oranger Schrift« ist die Standardanwendung dieser CSS-Eigenschaft.
Es können mehrere Schriftarten angegeben werden, die durch Komma getrennt werden. Für die Darstellung der Webseite wird die erste Schriftart in der Liste von Schriftarten verwendet, die auf dem Computer des Webseitenbesuchers installiert ist.
Schriftarten mit Leerzeichen im Namen der Schriftart müssen in einfache oder doppelte Anführungszeichen
(Englisch »Quotes«) gesetzt werden.Die Angabe der Schrift ist nicht case-sensitiv, d.h. Kleinschreibung oder Großschreibung spielt keine Rolle.
Zusätzlich zu konkreten Schriftarten sollten immer immer generische Schriftarten angegeben werden. Die drei wichtigsten Keywords für generische Schriftarten sind:
serif für eine Schrift mit „Serifen“, z.B. "Times New Roman".
sans-serif für eine Schrift ohne „Serifen“, z.B. "Arial" oder "Verdana".
monospace für eine Schriftart mit gleicher Buchstabenbreite für alle Buchstaben.
initial erzwingt die Wiederherstellung der ursprünglichen
(Englisch »initial«) Schriftart. D.h. der Wert »initial« stellt für die Eigenschaft die Standardeinstellung wieder ein.inherit erzwingt die Vererbung
(Englisch »inheritance«) der Schriftart vom Elternelement.
body {
font-family: "Open Sans", "Liberation Sans", Verdana, Arial, Helvetica, sans-serif;
}