Shrift-oilaviy mulkning sintaksisi
Tipografik dizayn - muvaffaqiyatli veb-sayt dizayni juda muhim ahamiyatga ega. O'qish oson va ajoyib ko'rinadigan matnlarni saytlar yaratish har bir veb-dizayn professionalining maqsadidir. Bunga erishish uchun veb-sahifalaringizda foydalanmoqchi bo'lgan maxsus fontlarni o'rnatishingiz kerak bo'ladi. Web-hujjatlaringizdagi harf yoki shrift oilasini aniqlash uchun siz CSS-da shrift-oila uslubi xususiyatidan foydalanasiz.
Foydalanadigan eng sodda shrift-oila uslubi faqat bitta shrift oilasini qamrab oladi:
p {font-family: Arial; }Ushbu uslubni sahifaga qo'llagan bo'lsangiz, xatboshilarning barchasi "Arial" shrift oilasida ko'rsatiladi. Bu juda ajoyib va "Arial" - "veb-xavfsiz shrift" deb nomlanadigan narsa, chunki bu kompyuterning ko'pchiligi (agar u hammasi bo'lmasa), sizning sahifangiz mo'ljallangan yozuvda ko'rsatilishini bilib olishingiz mumkin. .
Siz tanlagan shrift topilmasa, nima bo'ladi? Misol uchun, agar siz sahifada "veb-havfsiz shrift" dan foydalanmasangiz, u shrift bo'lmasa, foydalanuvchi agenti nima qiladi? Ular o'zgarishlarni amalga oshiradilar.
Bu juda kulgili ko'rinadigan sahifalarga olib kelishi mumkin. Bir marta kompyuterim "Wingdings" da (komponent-set) to'liq ko'rsatgan sahifaga bordim, chunki mening kompyuterim ishlab chiquvchi ko'rsatgan shriftda yo'q edi va mening brauzerim nima shriftda juda yomon tanlov qilgandi zaxira sifatida foydalaning. Sahifa men uchun to'liq o'qib bo'lmaydigan bo'ldi! Bu shrift assotsiatsiyasiga kiradigan joy.
Agar bir nechta Shrift oilasi bir harflar to'plamida birma-bir vergul bilan ajratish
"Shrift to'plami" - sahifangizdan foydalanishni istagan shriftlar ro'yxati. Shrift parametrlarini sizning afzalligingiz bo'yicha tartiblash va har biriga vergul bilan ajratish kerak. Agar brauzer ro'yxatda birinchi shrift oilasiga ega bo'lmasa, u tizimda mavjud bo'lgan topmaguncha ikkinchi, keyin uchinchi va shunga o'xshash ishlarni bajaradi.
font-oilasi: Pussycat, Algerian, Broadway;Yuqoridagi misolda brauzer birinchi navbatda "Pussycat" shriftini, keyinchalik "Algerian" va "Broadway" ni topadi, agar boshqa fontlar topilmasa. Bu sizning tanlagan shriftlardan kamida bittasini ishlatish imkoniyatini beradi. Bu mukammal emas, shuning uchun shablonlarimizdan yana ko'p narsalarni qo'shishimiz mumkin (o'qing!).
Umumiy fontlar oxirgi foydalaning
Shunday qilib, siz shriftlar ro'yxati bilan shrift stakini yaratishingiz mumkin va brauzerni topa olmasligingiz mumkin. Brauzer zaif almashtirish tanlovi qilsa, sizning sahifangiz o'qilmaydi ko'rinadi. Yaxshiyamki, CSS bu uchun ham hal qiladi: umumiy shriftlar .
Shriftlar ro'yxatini har doim tugatishingiz kerak (hatto, agar u bir oilaning ro'yxati bo'lsa yoki faqat veb-xavfsiz fontlar) umumiy shrift bilan. Foydalanadigan beshta narsa bor:
- cursive
- fantaziya
- bir nechta
- sans-serif
- serif
Yuqoridagi ikkala misol o'zgarishi mumkin:
shrift-oilasi: Arial, sans-serif; font-oilasi: Pussycat, Algerian, Broadway, farasingiz;Ba'zi harflarning oila ismlari ikki yoki undan ortiq so'zlar
Agar siz foydalanmoqchi bo'lgan shrift oilasi bir necha so'z bo'lsa, u holda uni ikki martali belgilar bilan o'rab turing. Ba'zi brauzerlar tirnoq belgilari bo'lmagan shrift turlarini o'qishlari mumkin bo'lsa-da, bo'shliqlar kontsentratsiyalangan yoki e'tiborsiz bo'lsa, muammo bo'lishi mumkin.
harflarning oilasi: "Times New Roman", serif;Ushbu misolda siz ko'p so'zli "Times New Roman" shrift nomini takliflar bilan to'ldirilganligini ko'rishingiz mumkin. Bu brauzerda bu uchta so'zning shrift nomining bir qismini tashkil etishi, uch xil shriftning bir so'zli ismlari bilan farqlanadi.
Jennifer Kryninning original maqolasi. Jeremy Girard tomonidan 12/2/16 sanasida tahrirlangan