font-familyNN 4 IE 4 CSS 1

Vererbt: Ja

Gibt eine Prioritätsliste mit Schriftfamilien zur Anzeige von Inhalten an. Ein oder mehrere Namen von Schriftfamilien können in einer Liste von durch Komma getrennten Werten enthalten sein. Falls der Name einer Schriftfamilie aus mehreren Wörtern besteht, muss der Name in Anführungszeichen gesetzt werden.

Eine Schriftfamilie kann mehrere Schriftdefinitionen enthalten. Beispielsweise kann eine Helvetica-Schriftfamilie auch eine Fett- und eine Kursivversion umfassen; diese stellen jeweils eigene Schriften dar und sind nicht mit angenäherten Versionen zu verwechseln. Wenn Sie den Namen einer Schriftfamilie angeben, durchsucht der Browser das Clientsystem nach einer Schrift dieses Namens. Ist keine passende Schrift vorhanden, sucht der Browser nach dem nächsten Namen in der Liste. Aus diesem Grund ist es sinnvoll, die Schriftfamilien in der Reihenfolge "sehr speziell" bis hinunter zu "sehr allgemein" aufzulisten. An letzter Stelle sollte die allgemeine Schriftfamilie kommen (serif, sans-serif, cursive, fantasy oder monospace), die der gewünschten Schrift am ähnlichsten ist. Viele Schriften, die auf einem Betriebssystem weit verbreitet sind, werden auf anderen Betriebssystemen möglicherweise nicht sehr häufig installiert.

Browser, die der CSS2-Spezifikation entsprechen, sollten außerdem in der Lage sein, Unicode-Zeichencodes zu erkennen und diese Schriftfamilien zuzuordnen, die für bestimmte Sprachen besonders geeignet sind. Im Idealfall kann ein Browser so Schriften für verschiedene Sprachen und Schreibsysteme in ein und demselben Element darstellen, vorausgesetzt jede font-family ist im Attributwert aufgeführt.

 
CSS-Syntax
 
font-family: fontFamilyName [, fontFamilyName [, ...]]
 
Wert

Beliebig viele Schriftfamiliennamen, durch Komma getrennt. Aus mehreren Wörtern bestehende Namen sind in Anführungszeichen zu setzen. Als allgemeine Familiennamen werden erkannt: serif | sans-serif | cursive | fantasy | monospace.

 
Anfangswert

Vorgabe des Browsers.

 
Beispiel
 
body {font-family: "Century Schoolbook", Times, serif}
 
Gilt für

Alle Elemente.

 
Objektmodellreferenz
 
[window.]document.getElementById("elementID").style.fontFamily