Veb-saytimizda ishlatilishi mumkin bo'lgan umumiy shrift tasniflari
Veb-saytni loyihalashda siz bilan birga ishlaydigan sahifaning asosiy elementlaridan biri matn tarkibidir. Shunday qilib, siz veb-sahifani qurib, uni CSS bilan uslubda yaratganingizda, ushbu harakatlarning katta qismi sayt tipografiyasi atrofida joylashgan bo'ladi.
Tipografik dizayn veb-sayt dizaynida muhim rol o'ynaydi. Yaxshilab tashlangan va matnli kontentdan foydalanilganligi saytni yanada qiziqarli va yoqimli bo'lgan o'qish tajribasini yaratib, yanada muvaffaqiyatli bo'lishiga yordam beradi. Sizning harakatlaringizning bir qismi sizning dizayningiz uchun to'g'ri shriftlarni tanlab , so'ngra shriftlarni va shrift turmalarni sahifaning ekraniga qo'shish uchun CSS-dan foydalanishni o'z ichiga oladi. Bu " shrift-stack " deb nomlangan narsani qo'llash orqali amalga oshiriladi.
Shriftlar
Veb-sahifada ishlatiladigan shriftni belgilaganingizda, shrift tanlovini topib bo'lmaganda, ehtimoliy variantlarni ham qo'shish kerak. Ushbu qayta yuklash variantlari "shrift stack" da keltirilgan. Brauzer suyakka kiritilgan birinchi shriftni topa olmasa, keyingi qismga o'tadi. Bu jarayonni ishlatishi mumkin bo'lgan shrift topmaguncha yoki tanlovdan chiqadigan (u holda istagan har qanday tizim shriftini tanlaydi) qadar bu jarayonni davom ettiradi. "Body" elementiga nisbatan shrift-stack CSS-ga qanday qarashini misol qilib keltiramiz:
body {font-family: Gruziya, "Times New Roman", serif; }Avval Gurjiston shriftini aniqlang. Odatiy bo'lib, bu sahifada foydalaniladi, lekin agar bu shrift biron sababga ko'ra mavjud bo'lmasa, sahifa Times New Roman-ga qaytadi. Ushbu shrift nomini ikki nusxadagi tirnoqlarga qo'shamiz, chunki u juda ko'p so'zli ismdir. Gruziya yoki Arial kabi bir nechta shrift nomlari tirnoqlarni talab qilmaydi, biroq ko'p so'zli shriftning nomi ularga kerak, shuning uchun brauzer bu so'zlarning barchasi shrift nomini tashkil qilganligini biladi.
Agar siz shrift assotsiatsiyasining oxiriga qarasangiz, biz "serif" so'zi bilan tugaganligini bilib olishingiz kerak. Bu shrift shriftining oilaviy ismidir. Gruziyani yoki Times New Romanni kompyuterida yo'qligi ehtimoli mavjud bo'lgan joyda, saytni topish mumkin bo'lgan har qanday shriftni ishlatadi. Bu saytni kerakli shriftlarga qaytarish imkonini beradi, chunki hech bo'lmaganda sayt tipidagi umumiy ko'rinish va tonni iloji boricha buzilmasligi uchun qanday shrift turini ishlatish mumkinligini aytish mumkin. Ha, brauzer siz uchun bir shrift tanlaydi, lekin hech bo'lmaganda, sizga qanday qilib shrift dizayni ichida eng yaxshi ishlaydiganligini bilib olishingiz mumkin.
Bosh font oilalari
CSS-da mavjud umumiy shrift nomi quyidagilar:
- cursive
- fantaziya
- bir nechta
- serif
- sans-serif
Veb-dizayn va tipografiyada, jumladan, slab-serif, blackletter, displey, grunge va boshqalar kabi ko'plab boshqa shrift tasniflari mavjud bo'lsa-da, yuqorida keltirilgan umumiy shrift nomlari 5 CSS-da shrift-stackda foydalanadigan narsalardir. Ushbu shrift tasnifida qanday farq bor? Keling, ko'rib chiqaylik!
Cursive shriftlar odatda xushbichimlik al yozuvi matnini nusxalash uchun mo'ljallangan ingichka, xushbo'y harfli shakllarga ega. Ushbu shriftlar nozik, gulli harflar tufayli tana nusxasi kabi katta tarkibiy bloklar uchun mos emas. Cursive shriftlar, odatda, katta harflarning o'lchamlarida ko'rsatilishi mumkin bo'lgan sarlavhalar va qisqa matnli ehtiyojlar uchun ishlatiladi.
Fantaziya shriftlar, aslida hech qanday boshqa toifaga kirmayotgan biroz aqldan shriftlardir. Yaxshi ma'lum bo'lgan logotiplarni, masalan, Garri Poter yoki "Kelajakka Kelsin" filmlaridan farqli o'laroq, ushbu turkumga kiradi. Yana bir bor, bu shriftlar tana tarkibiga mos kelmaydi, chunki ular odatda stilizatsiya qilinadi va shu shriftlarda yozilgan matnlarni uzoqroq o'qish juda qiyin.
Monospace shriftlari eski yozuv mashinasida topilganingizda bo'lgani kabi, barcha harflar teng darajada kattalashtirilgan va intervalgacha bo'lgan joylardir. Harflarga o'zlarining kattaligiga qarab harflar uchun o'zgaruvchan kengliklari bo'lgan boshqa fontlardan farqli o'laroq (masalan, "V" sarmoyasi "i" kichik harflaridan ko'ra ko'proq joy oladi), bir harfli harflarning barcha belgilar uchun aniqligi aniqlanadi. Ushbu shriftlar odatda sahifada kod ko'rsatilganda ishlatiladi, chunki ular o'sha sahifadagi boshqa matnlardan farqli ko'rinadi.
Serif shriftlari mashhurroq tasniflardan biri. Ular harflar shaklida kichikroq qo'shimcha ligantlarga ega shriftlardir. Ushbu qo'shimcha qismlarga "seriflar" deyiladi. Umumiy serif shriftlari Gruziya va Times New Roman. Serif yozuv kichkintoylari matn kabi katta matn uchun, shuningdek, matnli va tana nusxasini olishning uzoq yo'llaridan foydalanish mumkin.
Sans-serif biz ko'rib chiqadigan yakuniy tasnifdir . Bu yuqorida ko'rsatilgan ligaga ega bo'lmagan shriftlar. Ismi "serifsiz" degan ma'noni anglatadi. Ushbu turkumdagi mashhur fontlar Arial yoki Helvetica bo'lishi mumkin. Seriflarga o'xshab, sans-serif shriftlari tana tarkibidagi kabi sarlavhalar bilan bir xilda ishlatilishi mumkin.
Jennifer Kryninning original maqolasi. Jeremy Girard tomonidan 10/16/17 yil tahrirlangan