Style fontFamily Eigenschaft

Definition und Verwendung

fontFamily Eigenschaft, die eine Liste der Namen der Zeichensatzfamilie (font-family) und/oder der generischen Serien (generic-family) des Textes des Elements setzt oder zurückgibt.

Der Browser wird den ersten Wert verwenden, den er erkennen kann.

Es gibt zwei Arten von font-family-Werten:

  • font-family: Name der Zeichensatzfamilie, z.B. "verdana" oder "arial"
  • generic-family: Name der generischen Zeichensatzfamilie, z.B. "serif" oder "sans-serif"

Tipp

Bestimmen Sie immer die generische Serienname als letzte Wahl!

Trennen Sie jeden Wert mit einem Komma.

Wenn der Name der Zeichensatzfamilie Leerzeichen enthält, muss er in Anführungszeichen gesetzt werden.

Siehe Web-sichere Schriftarten, um gängige Schriftartenkombinationen zu verstehen.

Weitere Informationen siehe:

CSS-Tutorial:CSS-Font

CSS Referenzhandbuch:font-family-Eigenschaft

HTML DOM Referenzhandbuch:font-Eigenschaft

Beispiel

Beispiel 1

Setzen Sie die Schriftart des <p>-Elements:

document.getElementById("myP").style.fontFamily = "Impact,Charcoal,sans-serif";

Probieren Sie es selbst aus

Beispiel 2

Demonstration möglicher Werte:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontFamily = listValue;

Probieren Sie es selbst aus

Beispiel 3

Rückgabe der Schriftart des <p>-Elements:

alert(document.getElementById("myP").style.fontFamily);

Probieren Sie es selbst aus

Syntax

Rückgabe der Eigenschaft fontFamily:

object.style.fontFamily

Setzen Sie die Eigenschaft fontFamily:

object.style.fontFamily = "font1, font2...|initial|inherit"

Eigenschaftswert

Wert Beschreibung
font1, font2... Liste der Schriftartenamen und/oder generischen Seriennamen, durch Komma getrennt.
initial Setzt diese Eigenschaft auf ihren Standardwert. Siehe initial.
inherit Erbt diese Eigenschaft von seinem übergeordneten Element. Siehe inherit.

Technische Details

Standardwert: Nicht festgelegt
Rückgabewert: Zeichenkette, die den Namen der Schriftart des Elements in chinesischer Sprache angibt.
CSS-Version: CSS1

Browserunterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung