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