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;
}