Egenskaben font-family

Egenskaben font-family indstiller skrifttypen.

Syntaks

selector {
	font-family: skrifttypenavn;
}

Bemærkning

Hvis skrifttypenavnet indeholder mellemrum, for eksempel Times New Roman, skal det omsluttes med enkle eller dobbelte anførselstegn.

Bemærkning

Det er muligt at angive flere lignende skrifttyper adskilt af komma. Når browseren støder på den første skrifttype på listen, kontrollerer den dens tilstedeværelse på brugerens computer. Hvis en sådan skrifttype ikke er til stede, tages den næste skrifttype på listen, og den kontrolleres også for tilstedeværelse. Derfor øger flere skrifttyper sandsynligheden for, at mindst én af dem vil blive fundet på klientcomputeren.

Listen afsluttes normalt med et nøgleord, der beskriver skrifttypearten (alle skrifttyper tilhører en bestemt type) - serif, sans-serif, cursive, fantasy eller monospace. Hvis browseren ikke fandt nogen af de angivne skrifttyper på brugerens computer, vil den vælge en af skrifttyperne af den angivne type.

Skrifttypearter

Type	Beskrivelse
`serif`	Skrifttype med seriffer.
`sans-serif`	Skrifttype uden seriffer.
`cursive`	Kursiv skrifttype.
`fantasy`	Dekorativ skrifttype med smukke krøller og usædvanlige effekter.
`monospace`	Monospaceret skrifttype, hvor bredden af hvert tegn er den samme.

Standardværdi: skrifttypen indstillet som standard i browseren. Normalt er dette Times New Roman.

Eksempel

Lad os tildele skrifttypen familien Arial:

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	font-family: Arial;
}

Eksempel

Lad os tildele skrifttypen familien Times New Roman. Da skrifttypenavnet består af flere ord, sætter vi det i anførselstegn:

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	font-family: "Times New Roman";
}

Eksempel

Lad os tildele skrifttypen en skrifttype fra gruppen serif (sandsynligvis vil Times New Roman blive brugt):

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	font-family: serif;
}

Eksempel

Lad os tildele skrifttypen en skrifttype fra gruppen sans-serif (sandsynligvis vil Arial blive brugt):

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	font-family: sans-serif;
}

Eksempel

Lad os tildele skrifttypen en skrifttype fra gruppen fantasy (det virker muligvis ikke for dig på grund af fravær af en sådan skrifttype):

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	font-family: fantasy;
}

Eksempel

Lad os tildele skrifttypen en skrifttype fra gruppen monospace (bogstaverne vil blive lige store):

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	font-family: monospace;
}