Juda qadimgi veb-saytga qaradingizmi va HTML- da o'zgacha nishonni ko'rdingizmi? Ko'p yillar ilgari veb-dizaynerlar aslida o'zlarining veb-saytlarining shriftlarini HTML- ning o'zida o'rnatishi mumkin edi, lekin tuzilish (HTML) va uslub (CSS) ning ajratilishi bir muncha oldin bu amaliyotni uzib qo'ydi.
Bugungi kunda veb-dizaynda bu yorliq bekor qilindi. Bu shuni anglatadiki, tag endi HTML spetsifikatsiyasining bir qismi emas. Ba'zi brauzerlar bu yorliqni qo'llab-quvvatlamasdanoq, uni qo'llab-quvvatlamaydi, lekin bu HTML5-da tilning so'nggi yinelemasi bo'lib qolaveradi. Bu shuni anglatadiki, tag siz HTML hujjatlaringizda topilmasligi kerak.
Shrift belgisi uchun muqobil
Agar HTML sahifasidagi matn shriftini teg bilan belgilash mumkin bo'lmasa, nima qilish kerak? Cascading uslublar jadvallari (CSS) bugungi kunda veb-saytlardagi shrift turlarini (va barcha ingl. Uslublar) qanday o'rnatganingizdir. CSS-da, tagning bajarishi mumkin bo'lgan barcha narsalarni, ortiqcha ko'p narsalarni amalga oshirishi mumkin. HTML-sahifalarimiz uchun imkoniyat bo'lganida tagni nima qilish mumkinligini ko'rib chiqamiz (esda tuting, u endi qo'llab-quvvatlanmaydi, shuning uchun bu variant emas) va CSS bilan qanday ishlashni taqqoslash.
Shrift turini o'zgartirish
Shriftning yuzi shriftning yuzi yoki oilasi. Shrift yorlig'i bilan siz "yuz" atributidan foydalansangiz va uni matnning har bir qismi uchun alohida fontlarni o'rnatish uchun bir necha marta ko'p hujjat topshirishingiz kerak. Agar siz shriftda shaffof o'zgarishlar qilishni istasangiz, bu shaxsiy belgilarning har birini o'zgartirishingiz kerak edi. Masalan:
bu shrift sans-serif emasShriftning "yuzi" o'rniga CSS-da "oila" shrifti deyiladi. Shriftni o'rnatadigan CSS uslubini yozasiz. Misol uchun, sahifadagi barcha matnlarni Garamondga o'rnatishni xohlasangiz, bu kabi ingl. Uslubni qo'shishingiz mumkin:
body {font-family: Garamond, Times, serif; }Ushbu CSS uslubi veb-sahifadagi hamma narsalarga Garamond font shriftini qo'llaydi, chunki hujjatdagi har bir element hujjatning avlodi hisoblanadi.
Shrift rangini o'zgartirish
Yuz bilan bo'lgani kabi, matnning rangini o'zgartirish uchun "rang" xususiyati va hex kodlari yoki rang nomlari bilan foydalanasiz. Bir necha yil oldin, buni alohida-alohida matn elementlariga, masalan, nom tegiga o'rnatishingiz mumkin.
bu shrift binafsha rangga egaBugungi kunda siz CSS-ning bir qatorini yozasiz.
Bu juda moslashuvchan. Agar siz o'zgartirish kerak bo'lsa
saytingizning har bir sahifasida siz CSS dosyaningizda bir o'zgarish qilishingiz mumkin va ushbu faylni ishlatadigan har bir sahifada yangilanadi.
Eski bilan
Vizual uslublarni qo'llash uchun CSS-dan foydalanib, ko'p yillar davomida veb-dizaynerlar standarti bo'ldi, shuning uchun agar siz taglikni ishlatadigan sahifaga qarasangiz, u juda qadimgi sahifa va mavjud veb-saytga mos kelish uchun qayta ishlab chiqilishi kerak eng yaxshi amaliyot va zamonaviy veb-standartlarni loyihalashtirish.
Jeremy Girard tomonidan tahrirlangan