Shriftning xususiyatlarini o'zgartirish uchun CSS-dan foydalanishni o'rganing
Shriftlar va CSS
CSS sizning veb-sahifangizda shriftlarni sozlashning eng samarali usuli hisoblanadi. Siz harflarning oilasini , o'lchamini, rangi, vazni va tipografiyaning ko'plab jihatlarini nazorat qilishingiz mumkin.
CSS-dagi harflarning xususiyatlari sizning sahifangizni yanada o'ziga xos va o'ziga xos qilishning eng keng tarqalgan usullaridan biridir. Matningizning rangini, o'lchamini va hatto yuzini (shriftning o'zi) CSS shrift xususiyatlari bilan o'zgartirish oson.
- rangi
- harflarning oilasi
- shrift hajmi
Shriftning uch qismi mavjud:
- rangi
- Bu shrift ekranda ko'rinadigan rang.
- hajmi
- Yozuv shrifti ekranda katta yoki kichik bo'ladi.
- yuzi
- Bu shrift oilasi, odatda asl shrift deb ataladi.
Shrift ranglari
Matn rangini o'zgartirish uchun faqatgina CSS rang uslubi xususiyatidan foydalaning. Siz rang nomlari yoki o'n oltinchi raqamli kodlardan foydalanishingiz mumkin. Internetdagi barcha ranglardagi kabi, brauzerning xavfsiz ranglaridan ham foydalaning .
Veb-sahifalaringizda quyidagi uslublarni sinab ko'ring:
bu shrift qizil rangga bo'yalgan
bu shrift ko'k rangda
Shrift o'lchovlari
Internetda shrift o'lchamini o'rnatganingizda, uni kattalik hajmda o'rnatishingiz mumkin yoki piksel, santimetr yoki dyuymdan foydalanishingiz mumkin. Biroq, shunchaki aniq shrift o'lchamlari veb-sahifalarni ko'rgan har bir kishi boshqa piksellar sonini, monitor o'lchamini yoki asl shrift parametrlariga ega bo'lishi mumkin bo'lgan veb-sahifalar uchun emas, balki chop etish uchun ishlatiladi. Shunday qilib, standart o'lchamingiz sifatida 15px ni tanlasangiz, sizning shriftingiz mijozlaringizga qanchalik katta yoki kichikligini ko'rish noqulay hayron bo'lishi mumkin.
Sizga shrift o'lchamlari uchun ems foydalanishni tavsiya qilaman . Ems sizning sahifangizni kim ko'rayotganidan qat'i nazar, sizning sahifangizga kirishiga imkon beradi va emlar ekranni namoyish qilish uchun mo'ljallangan. Piksellarni va fikrlarni chop etish uchun qoldiring. Shrift hajmini o'zgartirish uchun quyidagi uslubni veb-sahifangizga qo'ying:
Bu shrift 1em
bu shrift .75em
bu shrift 1.25m dir
Shriftning yuzlari
Shriftning yuzi "shrift" deb o'ylashganda, ko'p odamlar qanday fikrda ekanini anglatadi. Siz xohlagan har qanday shrift yuzini e'lon qilishingiz mumkin, biroq, agar o'quvchi shriftni o'rnatmagan bo'lsa, ularning brauzerida o'yin Buning uchun ularning sahifalari sizning xohishingizga qarashmaydi.
Ushbu muammoni hal qilish uchun brauzeringiz imtiyozli tartibda foydalanish uchun vergul bilan ajratilgan yuz nomlari ro'yxatini ko'rsatishingiz mumkin. Ular shriftlar deb ataladi. Kompyuterda (Arial kabi) standart shrift Macintoshda standart bo'lmasligi mumkinligini yodda tuting. Shuning uchun siz sahifangizni minimal o'rnatiladigan kompyuter bilan har doim ham ko'rishingiz kerak (va har ikkala platformada ham) sizning sahifangiz minimal shriftlar bilan yaratilganligiga ishonch hosil qilish uchun.
Mening eng sevimli shriftlarimdan biri bu set sans-serif shrift kolleksiyasi va jeneva va arial juda o'xshash bo'lsa, ular Makintosh va Windows kompyuterlarida juda standartdir . Unix yoki Linux kabi boshqa operatsion tizimlarida mijozlar uchun helvetica va helvlarni ham kiritishingiz mumkin, ular kuchli shrift kutubxonasiga ega emas.
Bu shrift sans-serif
bu shrift serif