Style fontFamily egenskab

Definition og brug

fontFamily Egenskab, der indstiller eller returnerer en liste over navnene på fontfamilier (font-family) og/eller generelle serier (generic-family) i elementets tekst.

Browseren vil bruge den første værdi, den kan genkende.

Der er to typer af font-family værdier:

  • font-family: Navnet på fontfamilien, som "verdana" eller "arial"
  • generic-family: Navnet på den generelle fontfamilie, f.eks. "serif" eller "sans-serif"

Tip

Angiv altid den generelle serienavn som sidste valg!

Adskil hver værdi med komma.

Hvis navnet på fontserien indeholder mellemrum, skal det bruge citationstegn.

Se Web-sikre fontsfor almindelige fontkombinationer.

Se også:

CSS tutorial:CSS skrifttype

CSS reference manual:font-family egenskab

HTML DOM reference manual:Font egenskab

Eksempel

Eksempel 1

Sæt <p>-elementets font:

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

Prøv det selv

Eksempel 2

Demonstration af mulige værdier:

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

Prøv det selv

Eksempel 3

Retur <p>-elementets font:

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

Prøv det selv

Syntaks

Ret fontFamily egenskab:

object.style.fontFamily

Sæt fontFamily egenskab:

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

Egenskabsværdi

Værdi Beskrivelse
font1, font2... Liste over fontfamilienavne og/eller generelle serienavne adskilt af komma.
initial Sæt denne egenskab til dens standardværdi. Se initial.
inherit Arve denne egenskab fra sin forældrelement. Se inherit.

Teknisk detalje

Standardværdi: Ikke defineret
Returværdi: Streng, der angiver tekstmalens fontnavn.
CSS version: CSS1

Browserstøtte

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support