Stijl lettertypeFamilie eigendom
Voorbeeld
Stel het lettertype voor een element in:
document.getElementById("demo").style.fontFamily = "Impact,Charcoal,sans-serif";
Definitie en gebruik
De eigenschap fontFamily stelt een lijst in met namen van lettertypefamilies en/of generieke familienamen voor tekst in een element.
De browser gebruikt de eerste waarde die hij herkent.
Er zijn twee typen font-familiewaarden:
- font-family: De naam van een font-familie, zoals "verdana" of "arial"
- generieke-familie: de naam van een generieke lettertype-familie, zoals "serif" of "sans-serif"
Tip: Geef als laatste alternatief altijd een generieke achternaam op!
Opmerking: Scheid elke waarde met een komma.
Opmerking: als de naam van een lettertypefamilie witruimte bevat, moet deze worden geciteerd.
Tip: Kijk bij Webveilige lettertypen voor veelgebruikte lettertypecombinaties.
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
fontFamily | Yes | Yes | Yes | Yes | Yes |
Syntaxis
Retourneer de eigenschap fontFamily:
object.style.fontFamily
Stel de eigenschap fontFamily in:
object.style.fontFamily = "font1, font2, etc.|initial|inherit"
Eigendomswaarden
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
Standaardwaarde: | niet gespecificeerd |
---|---|
Winstwaarde: | Een tekenreeks, die de naam van het lettertype van de tekst in het element voorstelt |
CSS-versie | CSS1 |
Meer voorbeelden
Voorbeeld
Een demonstratie van mogelijke waarden:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("demo").style.fontFamily = listValue;
Voorbeeld
Retourneer het lettertype van een element:
alert(document.getElementById("demo").style.fontFamily);
Gerelateerde pagina's
CSS-zelfstudie: CSS-lettertype
CSS-referentie: eigenschap font-family
HTML DOM-referentie: eigenschap font
❮ Stijlobject