CSS font-family Eigenschaft

Definition und Verwendung

font-family legt die Zeichensatzreihe des Elements fest.

font-family kann mehrere Zeichensatznamen als "Rückfallssystem" speichern. Wenn der Browser den ersten Zeichensatz nicht unterstützt, wird der nächste versucht. Das bedeutet, dass der Wert der font-family-Eigenschaft eine Prioritätenliste von Zeichensatznamen oder und Klassennamen für eine bestimmte Zeichensatzfamilie ist. Der Browser verwendet den ersten Wert, den er erkennen kann.

Es gibt zwei Arten von Zeichensatznamen:

  • Bezeichnende Zeichensatznamen: spezifische Zeichensatznamen, z.B. "times", "courier", "arial".
  • Gewöhnliche Zeichensatznamen: z.B. "serif", "sans-serif", "cursive", "fantasy", "monospace"

Tipp:Jede Wert durch Komma getrennt, und immer einen Klassennamen als letzte Wahl bereitstellen.

Beachten Sie:Die vollständige Verwendung einer bestimmten Zeichensatzreihe (Geneva) hängt davon ab, ob diese Zeichensatzreihe auf dem Benutzerrechner verfügbar ist; dieser Eigenschaft wird keine Zeichensatzdownladung angezeigt. Daher wird dringend empfohlen, einen allgemeinen Zeichensatznamen als Backup zu verwenden.

Weitere Informationen:

CSS Tutorial:CSS Schrift

CSS Referenzhandbuch:CSS font Eigenschaft

HTML DOM Referenzhandbuch:font-Eigenschaft

Beispiel

Zeichensatzstil für Absätze einstellen:

p
  {
  font-family:"Times New Roman",Georgia,Serif;
  }

Versuchen Sie es selbst

CSS-Syntax

font-family: family-name|generic-family|initial|inherit;

Attributwert

Wert Beschreibung
  • family-name
  • generic-family

Eine Prioritätenliste von Zeichensatznamen oder und Klassennamen für eine bestimmte Zeichensatzfamilie.

Standardwert: abhängig vom Browser.
inherit Es wird vorgeschrieben, dass die Zeichensatzreihe vom übergeordneten Element geerbt wird.

Technische Details

Standardwert: nicht spezifiziert
Vererbbarkeit: ja
Version: CSS1
JavaScript-Syntax: object.style.fontFamily="arial,sans-serif"

TIY-Beispiel

Textschriftartenstil einstellen
Dieses Beispiel zeigt, wie man den Textschriftartenstil einstellt.

Browserunterstützung

Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5