Savybė font-family

Savybė font-family nustato šrifto tipą.

Sintaksė

selektorius {
	font-family: šrifto pavadinimas;
}

Pastaba

Jei šrifto pavadinime yra tarpų, pavyzdžiui, Times New Roman, jis turi būti pateiktas vienoduose arba dvigubuose kabutėse.

Pastaba

Galima išvardyti kelis panašius šriftus per kablelį. Kai naršyklė sutinka pirmąjį šriftą sąraše, ji patikrina, ar jis yra vartotojo kompiuteryje. Jei tokio šrifto nėra, imamas kitas šriftas iš sąrašo ir taip pat tikrinamas ar yra. Todėl keli šriftai padidina tikimybę, kad bent vienas iš jų bus aptiktas kliento kompiuteryje.

Sąrašas paprastai baigiamas raktažodžiu, kuris apibūdina šrifto tipą (visi šriftai priklauso kažkokiam tipui) - serif, sans-serif, cursive, fantasy ar monospace. Jei naršyklė nerado nė vieno iš nurodytų šriftų vartotojo kompiuteryje, ji pasirinks vieną iš nurodyto tipo šriftų.

Šriftų tipai

Tipas	Aprašas
`serif`	Šriftas su užraitėmis.
`sans-serif`	Šriftas be užraitėčių.
`cursive`	Kursyvinis šriftas.
`fantasy`	Dekoratyvinis šriftas su gražiais ornamentais ir neįprastais efektais.
`monospace`	Monotipis šriftas, kuriame kiekvieno simbolio plotis yra vienodas.

Numatytoji reikšmė: naršyklėje nustatytas numatytasis šriftas. Paprastai tai Times New Roman.

Pavyzdys

Priskirkime šriftui šeimą Arial:

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

p {
	font-family: Arial;
}

Pavyzdys

Priskirkime šriftui šeimą Times New Roman. Kadangi šrifto pavadinimas susideda iš kelių žodžių, imame jį kabutėse:

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

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

Pavyzdys

Priskirkime šriftui šriftą iš serif grupės (greičiausiai bus pasirinktas Times New Roman):

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

p {
	font-family: serif;
}

Pavyzdys

Priskirkime šriftui šriftą iš sans-serif grupės (greičiausiai bus pasirinktas Arial):

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

p {
	font-family: sans-serif;
}

Pavyzdys

Priskirkime šriftui šriftą iš fantasy grupės (pas jus gali neveikti dėl tokio šrifto nebuvimo):

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

p {
	font-family: fantasy;
}

Pavyzdys

Priskirkime šriftui šriftą iš monospace grupės (raidės taps vienodo dydžio):

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

p {
	font-family: monospace;
}