Font-size-adjust xususiyati
font-size-adjust xususiyati
font-size
o'zgarmagan holda shrift hajmini nazorat qilish
(oshirish yoki kamaytirish) imkonini beradi.
Qo'llanish: faraz qilaylik, font-family
ikkita shrift vergul bilan ajratilgan holda berilgan, masalan,
Georgia, "Times New Roman". Faraz qilaylik,
foydalanuvchi kompyuterida Georgia shrifti mavjud emas
- bu holda "Times New Roman" qo'llaniladi.
Biroq, bizni muammo kutmoqda - font-size
xususiyatining bir xil qiymatiga qaramay,
shriftlar turlicha ko'rinadi. Quyidagi misolda
ikkala abzatsga ham font-size
16px deb belgilangan, lekin font-family
turlicha. Hajmlar qanday farq qilishiga e'tibor bering:
<p style="font-size: 16px; font-family: Georgia;">
Lorem ipsum dolor sit amet.
</p>
<p style="font-size: 16px; font-family: 'Times New Roman';">
Lorem ipsum dolor sit amet.
</p>
:
Buning sababi, shriftning ko'rsatilayotgan hajmi
asosan font-size
xususiyatiga emas, balki font-size
xususiyati qiymatlari va x-height miqdorining
nisbatiga bog'liq (x-height
- bu ma'lum bir shrift uchun kichik "x" harfi
va katta "X" harfi o'rtasidagi farq).
Bu nisbat aspect deyiladi va quyidagi formula bo'yicha hisoblanadi: aspect = font-size / x-height.
Hajmlar muammosini font-size-adjust
xususiyati hal qiladi
(u shrift aspect'ini o'zgartirish imkonini beradi), bu xususiyat
ikkinchi shriftni birinchisi bilan bir xil hajmda ko'rinishiga olib keladi.
Keling, Times New Roman shrifti Georgia
bilan bir xil hajmda ko'rinsin. Biz Georgia
shriftining aspect'ini bilamiz - bu 0.5 (quyidagi jadvalga qarang).
Times New Roman bilan yozilgan matn uchun
font-size-adjust ni 0.5
qiymatiga o'rnatamiz va ikkinchi matn birinchisi bilan
bir xil hajmga kirdigini ko'ramiz:
<p style="font-size: 16px; font-family: Georgia;">
Lorem ipsum dolor sit amet.
</p>
<p style="font-size: 16px; font-family: 'Times New Roman'; font-size-adjust: 0.5;">
Lorem ipsum dolor sit amet.
</p>
:
Sintaksis
selector {
font-size-adjust: son | none;
}
Qiymatlar
| Qiymat | Ta'rif |
|---|---|
number |
Raqam shrift aspect'ini belgilaydi. |
none |
Shrift hajmini sozlash yo'q. |
Standart qiymat: none.
Shrift uchun aspect qiymatini qanday aniqlash mumkin?
W3C spesifikatsiyasidan parcha ko'rib chiqing:
Tanlangan shriftlar uchun proporcionallik koeffitsienti (aspect)
font-size-adjust ning turli qiymatlari bilan, lekin bir xil
matnni solishtirish orqali hisoblanishi mumkin. Agar xususiyatning qiymati
to'g'ri tanlangan bo'lsa, shriftning bir xil hajmida
sahifada qo'llaniladigan barcha shriftlar uchun matn o'zgarishsiz qoladi.
Men bilgan ba'zi shriftlar uchun aspect qiymatlarini keltiraman: Georgia - 0.5,
Times New Roman - 0.46, Verdana -
0.58.
Misol
font-size-adjust ning turli qiymatlari va bir xil font-size
va font-family bilan matn qanday ko'rinishini solishtiring:
<p style="font-size: 16px; font-family: 'Times New Roman'; font-size-adjust: none;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
<p style="font-size: 16px; font-family: 'Times New Roman'; font-size-adjust: 0.5;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
<p style="font-size: 16px; font-family: 'Times New Roman'; font-size-adjust: 0.6;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
:
Misol . Haqiqiy hayotda qo'llanish
Quyidagi kod foydalanuvchi kompyuterida
Georgia shrifti mavjud bo'lmaganda,
qo'llaniladigan Times New Roman shrifti
Georgia bilan bir xil hajmda bo'lishini ta'minlaydi:
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
aenean a dapibus magna, ac interdum nisl suspendisse egetile.
</p>
p {
font-size: 16px;
font-family: Georgia, "Times New Roman";
font-size-adjust: 0.5;
}
:
