Font-family xususiyati

font-family xususiyati shrift turini belgilaydi.

Sintaksis

selector {
	font-family: shrift nomi;
}

Eslatma

Agar shrift nomida bo'shliqlar bo'lsa, masalan, Times New Roman, u bitta yoki qo'sh tirnoq ichiga olinishi kerak.

Eslatma

Bir nechta o'xshash shriftlarni vergul orqali ko'rsatish mumkin. Brauzer ro'yxatdagi birinchi shriftni uchratganda, u foydalanuvchi kompyuterida ushbu shrift mavjudligini tekshiradi. Agar bunday shrift bo'lmasa, keyingi shrift olinadi va uning mavjudligi shu tarzda tekshiriladi. Shuning uchun bir nechta shrift ko'rsatish, kamida bittasining mijoz kompyuterida topilish ehtimolini oshiradi.

Ro'yxat odatda shrift turini tavsiflovchi kalit so'z bilan tugatiladi (barcha shriftlar qandaydir turga tegishli) - serif, sans-serif, cursive, fantasy yoki monospace. Agar brauzer foydalanuvchi kompyuterida hech qanday ko'rsatilgan shriftlarni topa olmasa, u ko'rsatilgan turdagi shriftlardan birini tanlaydi.

Shrift turlari

Turi	Tavsif
`serif`	Serifli shrift.
`sans-serif`	Serifsiz shrift.
`cursive`	Kursiv shrift.
`fantasy`	Chiroyli o'ramlar va g'ayrioddiy effektlar bilan bezakli shrift.
`monospace`	Har bir belgining kengligi bir xil bo'lgan monoshirinli shrift.

Standart qiymati: brauzerda standart o'rnatilgan shrift. Odatda bu Times New Roman.

Misol

Shrift oilasini Arial deb belgilaymiz:

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

p {
	font-family: Arial;
}

Misol

Shrift oilasini Times New Roman deb belgilaymiz. Shrift nomi bir nechta so'zdan iborat bo'lgani uchun uni tirnoqqa olamiz:

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

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

Misol

Shriftga serif guruhidagi shriftni belgilaymiz (balki Times New Roman olinadi):

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

p {
	font-family: serif;
}

Misol

Shriftga sans-serif guruhidagi shriftni belgilaymiz (balki Arial olinadi):

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

p {
	font-family: sans-serif;
}

Misol

Shriftga fantasy guruhidagi shriftni belgilaymiz (sizda bunday shrift yo'qligi sababli ishlamasligi mumkin):

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

p {
	font-family: fantasy;
}

Misol

Shriftga monospace guruhidagi shriftni belgilaymiz (harflar bir xil o'lchamda bo'ladi):

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

p {
	font-family: monospace;
}