CSS-Eigenschaft Font-Family – Schriftart einstellen

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.

CSS-Eigenschaft: font-family

Beschreibungmögliche WerteStandardwertKategorie
SchriftartListe von Schriftart-Namen

generische Schriftarten
serif
sans-serif
cursive
monospaced
fantasy
initial
inherit
abhängig von der ImplementierungSchriften
Fonts

Die »Angabe in oranger Schrift« ist die Standardanwendung dieser CSS-Eigenschaft.

Beachte:
  1. 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.

  2. Schriftarten mit Leerzeichen im Namen der Schriftart müssen in einfache oder doppelte Anführungszeichen (Englisch »Quotes«) gesetzt werden.

  3. Die Angabe der Schrift ist nicht case-sensitiv, d.h. Kleinschreibung oder Großschreibung spielt keine Rolle.

  4. 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.

  5. initial erzwingt die Wiederherstellung der ursprünglichen (Englisch »initial«) Schriftart. D.h. der Wert »initial« stellt für die Eigenschaft die Standardeinstellung wieder ein.

  6. inherit erzwingt die Vererbung (Englisch »inheritance«) der Schriftart vom Elternelement.

Beispielbody {
font-family: "Open Sans", "Liberation Sans", Verdana, Arial, Helvetica, sans-serif;
}