Egenskapen font-family

Egenskapen font-family setter skrifttypen.

Syntaks

selector {
	font-family: skriftnavn;
}

Merknad

Hvis skriftnavnet inneholder mellomrom, for eksempel Times New Roman, skal det omsluttes med enkle eller doble anførselstegn.

Merknad

Du kan liste opp flere lignende skrifter adskilt med komma. Når nettleseren møter den første skriften i listen, sjekker den om den er til stede på brukerens datamaskin. Hvis en slik skrift ikke er tilgjengelig, tas neste skrift fra listen og den blir også analysert for tilstedeværelse. Derfor øker flere skrifter sannsynligheten for at minst én av dem vil bli oppdaget på klientdatamaskinen.

Listen avsluttes vanligvis med et nøkkelord som beskriver skrifttypen (alle skrifter tilhører en type) - serif, sans-serif, cursive, fantasy eller monospace. Hvis nettleseren ikke fant noen av de angitte skriftene på brukerens datamaskin, vil den velge en av skriftene fra den angitte typen.

Skrifttyper

Type	Beskrivelse
`serif`	Skrift med seriffer.
`sans-serif`	Skrift uten seriffer.
`cursive`	Kursiv skrift.
`fantasy`	Dekorativ skrift med vakre krøller og uvanlige effekter.
`monospace`	Monospaced skrift, der bredden på hvert tegn er den samme.

Standardverdi: skriften som er satt i nettleseren som standard. Vanligvis er dette Times New Roman.

Eksempel

La oss tildele skriftfamilien Arial:

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

p {
	font-family: Arial;
}

Eksempel

La oss tildele skriftfamilien Times New Roman. Siden skriftnavnet består av flere ord, setter vi det i anførselstegn:

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

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

Eksempel

La oss tildele en skrift fra serif-gruppen (sannsynligvis blir Times New Roman valgt):

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

p {
	font-family: serif;
}

Eksempel

La oss tildele en skrift fra sans-serif-gruppen (sannsynligvis blir Arial valgt):

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

p {
	font-family: sans-serif;
}

Eksempel

La oss tildele en skrift fra fantasy-gruppen (det fungerer kanskje ikke for deg på grunn av fravær av en slik skrift):

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

p {
	font-family: fantasy;
}

Eksempel

La oss tildele en skrift fra monospace-gruppen (bokstavene vil bli av samme størrelse):

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

p {
	font-family: monospace;
}