Font-size-adjust хусусияти
font-size-adjust хусусияти
шрифт ўлчамини назорат қилиш имконини беради, ўзгармас
font-size
да (катталаштириш ёки кичрайтириш).
Қўллаш: айтайлик font-family
да икки шрифт вергул орқали берилган, масалан,
Georgia, "Times New Roman". Айтайлик
фойдаланувчи компьютерида Georgia шрифти йўқ
- бундай ҳолатда "Times New Roman" қўлланилади.
Бирок, бизни муаммо кутмоқда - бир хил
font-size
қийматда шрифтлар турлича кўринади. Қуйидаги мисолда
икки ҳам абзацга font-size
16px да берилган, лекин турлича font-family.
Қандай фарқ қилаётганини кузатинг:
<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>
:
Бунинг сабаби, кўринадиган
шрифт ўлчами кўпроқ
font-size хусусиятига эмас,
бу эса фақат шрифтнинг умумий ўлчамини белгилайди,
font-size хусусияти қийматининг нисбатига
ва x-height миқдорига боглик (x-height
- бу маълум бир шрифт учун "x" кичик ҳарфи
ва "X" катта ҳарфи ўртасидаги фарқ).
Бу нисбат аспект деб аталади ва формула бўйича ҳисобланади: аспект = font-size / x-height.
Ўлчамлар муаммосин font-size-adjust хусусияти
ҳал қилади (у шрифт аспектини ўзгартириш имконини беради), бу
иккинчи шрифтни биринчиси каби
ўлчамда кўринишига сабаб бўлади.
Келинг, Times New Roman шрифти
Georgia каби ўлчамда бўлишини таъминлайми. Бизга Georgia нинг аспекти
маълум - бу 0.5 (Қуйидаги жадвални ку́ринг).
Times New Roman билан ёзилган матн учун
font-size-adjust ни 0.5 қийматга
ўрнатамиз ва иккинчи матн биринчиси каби
ўлчамда бўлишини ку́рамиз:
<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>
:
Синтаксис
селектор {
font-size-adjust: сон | none;
}
Қийматлар
| Қиймат | Тасниф |
|---|---|
number |
Сон шрифт аспектини белгилайди. |
none |
Шрифт ўлчамини тартибга солиш йўқ. |
Стандарт қиймат: none.
Шрифт учун аспект қийматини қандай аниқлаш мумкин?
W3C спецификациясидан бўлакни кўриб чикинг:
Танланган шрифтлар учун пропорционаллик коэффициенти (аспект)
турлича font-size-adjust қиймати билан, лекин бир хил
матсни солиштириш орқали аниқланиши мумкин. Агар хусусиятнинг қиймати
тўғри танланган бўлса, у ҳолда шрифт ўлчами бир хил бўлганда матн
ўзгармас қолади саҳифада қўлланилган барча
шрифтлар учун.
Менга маълум бўлган айрим шрифтлар учун аспект қийматлари:
Georgia - 0.5,
Times New Roman - 0.46, Verdana -
0.58.
Мисол
Турлича font-size-adjust қиймати ва бир хил font-size
ва font-family билан матн қандай кўринашини солиштиринг:
<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>
:
Мисол . Ҳаётий амалиётда қўллаш
Қуйидаги код шундай қиладики, агар фойдаланувчи компьютерида
Georgia шрифти бўлмаса,
қўлланиладиган Times New Roman шрифти
Georgia каби ўлчамда бўлади:
<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;
}
: