StylefontFamily Property _
Beispiel
Legen Sie die Schriftart für ein Element fest:
document.getElementById("demo").style.fontFamily = "Impact,Charcoal,sans-serif";
Definition und Verwendung
Die Eigenschaft fontFamily legt eine Liste mit Schriftfamiliennamen und/oder generischen Familiennamen für Text in einem Element fest oder gibt sie zurück.
Der Browser verwendet den ersten Wert, den er erkennt.
Es gibt zwei Arten von Schriftfamilienwerten:
- Schriftfamilie: Der Name einer Schriftfamilie, wie „verdana“ oder „arial“
- generische Familie: Der Name einer generischen Schriftfamilie, wie „serif“ oder „sans-serif“
Tipp: Als letzte Alternative immer einen generischen Familiennamen angeben!
Hinweis: Trennen Sie jeden Wert durch ein Komma.
Hinweis: Wenn der Name einer Schriftfamilie Leerzeichen enthält, muss er in Anführungszeichen gesetzt werden.
Tipp: Suchen Sie unter Websichere Schriftarten nach häufig verwendeten Schriftartkombinationen.
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
fontFamily | Yes | Yes | Yes | Yes | Yes |
Syntax
Geben Sie die Eigenschaft fontFamily zurück:
object.style.fontFamily
Legen Sie die Eigenschaft fontFamily fest:
object.style.fontFamily = "font1, font2, etc.|initial|inherit"
Eigenschaftswerte
Value | Description |
---|---|
font1, font2, etc. | A comma-separated list of font-family names and/or generic-family names |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische Details
Standardwert: | unbestimmt |
---|---|
Rückgabewert: | Ein String, der den Schriftartnamen des Textes im Element darstellt |
CSS-Version | CSS1 |
Mehr Beispiele
Beispiel
Eine Demonstration möglicher Werte:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("demo").style.fontFamily = listValue;
Beispiel
Gibt die Schriftart eines Elements zurück:
alert(document.getElementById("demo").style.fontFamily);
Verwandte Seiten
CSS-Tutorial: CSS-Schriftart
CSS-Referenz: font-family-Eigenschaft
HTML-DOM-Referenz: Font-Eigenschaft
❮ Style-Objekt