Neueste Web-Entwicklung Tutorials
 

Style fontFamily Property

<Style - Objekt

Beispiel

Stellen Sie die Schriftart für ein <p> Element:

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

Definition und Verwendung

Die family Eigenschaftssätze oder eine Liste von Schriftfamiliennamen und / oder generic-Familiennamen für Text in einem Element.

Der Browser wird der erste Wert verwenden sie erkennt.

Es gibt zwei Arten von font-family Werte:

  • font-family: Der Name einer font-Familie, wie "verdana" oder "arial"
  • generic-Familie: Der Name eines generischen font-family, wie "serif" oder "sans-serif"

Tip: Immer geben Sie einen generic-Namen als letzte Alternative!

Hinweis: Trennen Sie jeden Wert mit einem Komma.

Note: Wenn ein font-family Name Leerzeichen enthält, muss er angegeben werden.

Tip: Schauen Sie sich Web - Safe - Fonts für häufig verwendete Schriftkombinationen.


Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Die Eigenschaft family ist in allen wichtigen Browsern unterstützt.


Syntax

Bringen Sie die Eigenschaft fontfamily:

object .style.fontFamily

Stellen Sie die Eigenschaft fontfamily:

object .style.fontFamily=" Eigenschaftswerte
Wert Beschreibung
font1, font2, etc. Eine durch Kommata getrennte Liste von font-family Namen und / oder generic-Familienname
initial Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang
inherit Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben

Technische Details

Standardwert: keine Angabe
Rückgabewert: Ein String, den Namen der Schriftart des Textes in dem Element darstellt,
CSS Version CSS1

Mehr Beispiele

Beispiel

Eine Demonstration der möglichen Werte:

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

Beispiel

Bringen Sie die Schriftart eines <p> Element:

alert(document.getElementById("myP").style.fontFamily);
Versuch es selber "

Verwandte Seiten

CSS Tutorial: CSS Font

CSS - Referenz: font-family property

HTML - DOM - Referenz: font property - font property


<Style - Objekt