Svojstvo font-family

Svojstvo font-family postavlja tip fonta.

Sintaksa

selektor {
	font-family: ime fonta;
}

Napomena

Ako ime fonta sadrži razmake, na primer, Times New Roman, ono mora biti zatvoreno u jednostruke ili dvostruke navodnike.

Napomena

Moguće je navesti više sličnih fontova zarezom. Kada pregledač naiđe na prvi font na listi, proverava da li postoji na korisnikovom računaru. Ako takav font ne postoji, uzima se sledeći font sa liste i takođe se proverava na prisustvo. Zato nekoliko fontova povećava verovatnoću da će bar jedan od njih biti pronađen na klijentskom računaru.

Listu se obično završava ključnom rečju, koja opisuje tip fonta (svi fontovi pripadaju nekom tipu) - serif, sans-serif, cursive, fantasy ili monospace. Ako pregledač ne pronađe nijedan od navedenih fontova na korisnikovom računaru, onda će izabrati jedan od fontova navedenog tipa.

Tipovi fontova

Tip	Opis
`serif`	Font sa serifima (zasecima).
`sans-serif`	Font bez serifa (zaseka).
`cursive`	Kurzivni font.
`fantasy`	Dekorativni font sa lepim zavijutcima i neobičnim efektima.
`monospace`	Monospace font, gde je širina svakog karaktera ista.

Podrazumevana vrednost: font podešen u pregledaču po podrazumevanim postavkama. Obično je to Times New Roman.

Primer

Dodelimo fontu familiju Arial:

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

p {
	font-family: Arial;
}

Primer

Dodelimo fontu familiju Times New Roman. Pošto se ime fonta sastoji od više reči, uzimamo ga u navodnike:

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

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

Primer

Dodelimo fontu font iz grupe serif (najverovatnije će se uzeti Times New Roman):

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

p {
	font-family: serif;
}

Primer

Dodelimo fontu font iz grupe sans-serif (najverovatnije će se uzeti Arial):

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

p {
	font-family: sans-serif;
}

Primer

Dodelimo fontu font iz grupe fantasy (kod vas možda neće raditi zbog odsustva takvog fonta):

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

p {
	font-family: fantasy;
}

Primer

Dodelimo fontu font iz grupe monospace (slova će postati iste veličine):

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

p {
	font-family: monospace;
}