Style fontFamily-egenskap

Definition och användning

fontFamily Egenskapen anger eller returnerar en lista över namn på typsnittsfamiljer (font-family) och/eller allmänna serier (generic-family) för elementets text.

Webbläsaren kommer att använda det första värde som den kan känna igen.

Det finns två typer av font-family-värden:

  • font-family: Namn på typsnittsfamiljen, som "verdana" eller "arial"
  • generic-family: Namn på den allmänna typsnittsfamiljen, till exempel "serif" eller "sans-serif"

Tips

Specificera alltid den allmänna serienamnet som sista valet!

Använd komma för att separera varje värde.

Om namnet på typsnittsfamiljen innehåller blanksteg, måste det användas citationstecken runt.

Se Webbsäkra typsnittför vanliga typsnittskombinationer.

Se också:

CSS Tutorial:CSS teckensnitt

CSS Referenshandbok:font-family-attribut

HTML DOM Referenshandbok:font-attribut

Exempel

Exempel 1

Sätt <p>-elementets typsnitt:

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

Prova själv

Exempel 2

Visning av möjliga värden:

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

Prova själv

Exempel 3

Returnera <p>-elementets typsnitt:

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

Prova själv

Syntax

Returnera fontFamily-egenskapen:

object.style.fontFamily

Sätt fontFamily-egenskapen:

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

Egenskapsvärde

Värde Beskrivning
font1, font2... Lista över namn på typsnittsfamiljer och/eller allmänna serieramn separerade med komma.
initial Sätt denna egenskap till dess standardvärde. Se initial.
inherit Följer från dess föräldrelementets egenskap. Se inherit.

Tekniska detaljer

Standardvärde: Inte specificerat
Returvärde: Sträng, som anger elementets kinesiska textas tygens namn.
CSS version: CSS1

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd