Schriftfamilie

Die Schriftfamilie (Schriftart) wird mit der Eigenschaft font-family festgelegt. Der gewünschte Schriftname wird dabei als Wert übergeben.

Mehrere Schriftfamilien können komma­getrennt angegeben werden. Wird eine Schrift nicht gefunden, verwendet der Browser automatisch die nächste in der Liste. Deshalb sollte immer eine Fallback-Schrift angegeben werden: für serifenlose Schriften sans-serif, für Serifenschriften serif.

p {
  font-family: "Comic Sans MS", Calibri, serif;
}

CSS definiert das Aussehen von HTML-Elementen.

Wichtig

Besteht ein Schriftname aus mehreren Wörtern, muss er in doppelte Anführungszeichen gesetzt werden.

Bemerkung

Als Standardschrift für sans-serif gilt Arial, für serif Times New Roman.

Google Fonts

Mit Google Fonts können freie Webschriften eingebunden und anschließend als Schriftfamilie verwendet werden.

@import url("https://fonts.googleapis.com/css2?family=Syne+Tactile&display=swap");

p {
  font-family: "Syne Tactile", sans-serif;
}

Wichtig

Die @import-Anweisung muss als erste Anweisung in der CSS-Datei stehen, damit die Schrift vor allen anderen Regeln geladen wird.