CSS shriftlar
Shrift tanlash muhim
To‘g‘ri shriftni tanlash o‘quvchining sayt tajribasiga katta ta’sir qiladi.
To‘g‘ri shrift brendingiz uchun kuchli identifikatsiya yarata oladi.
Oson o‘qiladigan shriftni tanlash muhim. Shrift uchun yaxshi rang va o‘lcham tanlash ham muhim.
CSS font-family xossasi
CSS font-family xossasi element uchun shriftni belgilaydi.
Maslahat: font-family xossasi "zaxira" tizimi sifatida bir nechta shrift nomini saqlashi kerak. Agar brauzer birinchi shriftni qo‘llab-quvvatlamasa, keyingi shriftni sinab ko‘radi. Shrift nomlari vergul bilan ajratilishi kerak.
Har doim xohlagan shriftingizdan boshlang va umumiy oila bilan tugatib qo‘ying — boshqa shriftlar mavjud bo‘lmasa, brauzer umumiy oiladan o‘xshash shriftni tanlaydi.
Eslatma: Agar shrift nomi birdan ortiq so‘zdan iborat bo‘lsa, u qo‘shtirnoqda bo‘lishi kerak: "Times New Roman" kabi.
Maslahat: Zaxira shriftlar haqida CSS veb-xavfsiz shriftlar bo‘limida ko‘proq o‘qing.
Misol
Uch paragraf uchun turli shriftlar belgilash:
.p1 {
font-family: "Times New Roman", Times, serif;
}
.p2 {
font-family: Arial, Helvetica, sans-serif;
}
.p3 {
font-family: "Lucida Console", "Courier New", monospace;
}
O‘zingiz sinab ko‘ring »
CSS umumiy shrift oilalari
CSS’da beshta umumiy shrift oilasi mavjud:
- Serif shriftlari — har bir harf chetlarida kichik chiziqchaga ega. Rasmiylik va nafislik hissini beradi.
- Sans-serif shriftlari — toza chiziqlarga ega (kichik chiziqchalarsiz). Zamonaviy va minimal ko‘rinish beradi.
- Monospace shriftlari — bu yerda barcha harflar bir xil qat’iy kenglikka ega. Mexanik ko‘rinish beradi.
- Kursiv (cursive) shriftlari - imitate human handwriting.
- Fantaziya (fantasy) shriftlari - are decorative/playful fonts.
Barcha turli shrift nomlari umumiy shrift oilalaridan biriga tegishli.
Serif va sans-serif shriftlari o‘rtasidagi farq
CSS Some Font misollari
| Generic Font Family | Shrift nomlariga misollar |
|---|---|
| Serif | Times New Roman Georgia Garamond |
| Sans-serif | Arial Verdana Helvetica |
| Monospace | Courier New Lucida Console Monaco |
| Cursive | Brush Script MT Lucida Handwriting |
| Fantasy | Copperplate Papyrus |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!