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