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
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