Tasvirlar veb-saytlarga kelganida sevgining ko'p qismini olganda, bu qidiruv tizimlariga murojaat qilgan va ko'pchilik saytlarning mazmunini ta'minlovchi yozma so'zdir. Shunday qilib, tipografiya dizayni veb-sayt dizayni juda muhim ahamiyatga ega. Sayt matnining ahamiyati shundaki, u yaxshi ko'rinadi va o'qishni osonlashtiradi. Bu CSS (Cascading Style Sheets) uslubi bilan amalga oshiriladi.
Zamonaviy veb-dizayn standartidan so'ng, veb-sayt matn tarkibining ko'rinishini belgilashni xohlasangiz, buni CSS yordamida amalga oshirasiz. Bu CSS stilini sahifadagi HTML tuzilmasidan ajratadi. Masalan, agar siz sahifani shriftini «Arial» ga o'rnatishni xohlasangiz, siz CSS-ga quyidagi uslublar qoidasini qo'shib (buni eslatib qo'yishingiz mumkin - bu ehtimol stillarni kuchaytiradigan tashqi CSS-uslublar jadvalida veb-saytidagi har bir sahifa uchun):
body {font-family: Arial; }Ushbu shrift "tana" uchun o'rnatiladi, shuning uchun CSS kaskadining uslubi sahifaning boshqa barcha elementlariga qo'llaniladi. Buning sababi shundaki, har bir HTML element "tana" elementining farzandidir, shrift oilasi yoki rang kabi CSS uslublari ota-onadan kichik elementga aylanadi. Bu muayyan elementlar uchun o'ziga xos uslubni qo'shmasdan, shunday bo'ladi. Ushbu CSS-dagi bitta muammo shundaki, faqat bitta shrift belgilanadi. Agar bu shrift biron sababga ko'ra topilmasa, brauzer o'z o'rniga boshqasini almashtiradi. Bu noto'g'ri, chunki sizda shrift ishlatilganligi haqida hech qanday nazorat yo'q - brauzer sizni tanlaydi va siz foydalanishga qaror qilgan narsalarni yoqtirmasligingiz mumkin! Bu shrift assotsiatsiyasiga kiradi.
Shriftlar to'plami CSS shrift-oilasi deklaratsiyasida shriftlar ro'yxati. Shriftlar shriftni yuklamaslik kabi muammo yuzaga kelib qolsa, ularni saytda ko'rishni istagan afzallik tartibida berilgan. Agar shrift assortimenti dizaynerga veb-sahifadagi fontlarning ko'rinishini nazorat qilish imkonini beradi, hatto kompyuterda siz chaqirgan dastlabki shrift bo'lmasa ham.
Xo'sh, qanday qilib, bir shrift suyagi ko'rinadi? Mana bir misol:
body {font-family: Gruziya, "Times New Roman", serif; }Bu yerda ko'riladigan bir nechta narsa bor.
Birinchidan, biz turli shrift nomlarini vergul bilan ajratganimizni ko'rasiz. ularning har biri orasidagi farqni kiritishingiz mumkin, chunki ular vergul bilan ajratilgan bo'lsa. Brauzer avval belgilangan birinchi harfni yuklashga harakat qiladi. Agar bu bajarilmasa, u har bir shriftni ishlatish chizig'ini ishlatishi mumkin, shuning uchun uni ishlatishi mumkin. Ushbu misolda biz veb-xavfsiz shriftlardan foydalanmoqdamiz va saytga tashrif buyuradigan shaxsning kompyuterida "Gurjiston" paydo bo'lishi mumkin (eslatma - brauzer kompyuterda sahifada ko'rsatilgan fontlar uchun qaraydi, shuning uchun sayt aslida kompyuteringizdan yuklamoqchi bo'lgan kompyuter). Shrift topilmagani sababli, bu stackni pastga siljitib, belgilangan keyingi shriftni sinab ko'radi.
Kelgusi shriftda, qanday qilib u suyakka yozilganda e'tibor bering. "Times New Roman" nomi er-xotin tirnoqlarga yozilgan. Buning sababi, shriftning nomi bir nechta so'zlarga ega. Har bir shriftda bir nechta so'zlar (Trebuchet MS, Courier New, va boshqalar) nomlari bo'lishi kerak, shuning uchun brauzer bu so'zlarning barchasi bir shrift nomining bir qismi ekanligini biladi.
Va nihoyat, biz shrift assortimentini "serif" bilan yakunlaymiz, ya'ni umumiy shrift tasnifi. Ko'rinib turibdiki, sizning to'plamingizda nomlangan shriftlardan hech biri mavjud emas, brauzer sizni tanlagan tegishli tasnifga tushadigan shriftni topadi. Misol uchun, agar Arial va Verdana kabi sans-serif fontlarini ishlatsangiz, "sans-serif" tasnifiga ega shrift staktsiyasini tugatishdan ko'ra, kamida bitta yuk muammosi mavjud bo'lsa, bu shrift barcha oilada saqlanadi. E'tiborli tomoni shundaki, brauzerlar to'plamda ko'rsatilgan shriftlardan hech birini topa olmaydilar va buning o'rniga bu umumiy klassifikatsiyani qo'llashlari kerak, bu uni faqatgina ikki barobar xavfsiz bo'lishni qo'shishning eng yaxshi usuli hisoblanadi.
Shriftlar va veb-shriftlar
Ko'pgina veb-saytlar bugungi kunda saytga kiritilgan veb-shriftlarni boshqa manbalar (masalan, saytning rasmlari, Javascript fayli kabi) yoki Google shriftlari yoki Tipekit kabi tashqi shrift joyida bog'langan saytlardan foydalanadi. Fayllarni o'zlari bog'laydiganingiz uchun ushbu shriftlar yuklanishi kerak bo'lsa-da, yuzaga keladigan har qanday muammolarni nazorat qilishingiz uchun siz hali ham biror shriftni ishlatmoqchisiz. Xuddi shu narsa, kimdir kompyuterda bo'lishi kerak bo'lgan "veb-havfsiz" shriftlar uchun (ushbu maqolada misollar sifatida foydalangan shriftlar, jumladan, Arial, Verdana, Gruziya va Times New Roman) barcha veb-xavfsiz fontlardir. shaxsning kompyuterida). Shriftning etishmasligi ehtimolligi past bo'lsa-da, shrift stekerini belgilash , saytning tipografik dizaynini imkon qadar ko'proq o'qqa tutishga yordam beradi.
Jennifer Kryninning original maqolasi. Jeremy Girard tomonidan 8/9/17 yil tahrirlangan