Својството 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 (видете ја табелата подолу).

Да поставиме font-size-adjust за текстот со Times New Roman во вредност 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;
}