Font-size-adjust īpašība

Īpašība font-size-adjust ļauj kontrolēt fonta izmēru, nemainot font-size (palielinot vai samazinot).

Piemērošana: pieņemsim, ka font-family ir iestatīti divi fonti, atdalīti ar komatu, piemēram, Georgia, "Times New Roman". Pieņemsim, ka lietotāja datorā nav Georgia fonta - šajā gadījumā tiks piemērots "Times New Roman". Tomēr mūs sagaida problēma - ar vienādu font-size vērtību fonti izskatīsies atšķirīgi. Zemāk redzamajā piemērā abiem rindkopām ir iestatīts font-size uz 16px, bet atšķirīgs font-family. Pievērsiet uzmanību, kā atšķiras izmēri:

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

Tas notiek tāpēc, ka attēlotais fonta izmērs lielākoties ir atkarīgs nevis no īpašības font-size, kas nosaka tikai kopējo fonta izmēru, bet gan no īpašības font-size vērtību attiecības pret x-height lielumu (x-height - atšķirība starp mazā burta "x" izmēru un lielā burta "X" izmēru konkrētam fontam).

Šo attiecību sauc par fonta aspektu, un to aprēķina pēc formulas: aspekts = font-size / x-height.

Izmēru problēmu atrisina īpašība font-size-adjust (tā ļauj mainīt fonta aspektu), kas panāks, ka otrais fonts izskatīsies tāda paša izmēra kā pirmais.

Padarīsim tā, lai Times New Roman fonts būtu tāda paša izmēra kā Georgia. Mums ir zināms Georgia aspekts - tas ir 0.5 (skatīt tabulu zemāk).

Iestatīsim font-size-adjust teksta ar Times New Roman vērtību uz 0.5 un redzēsim, ka otrais teksts kļuva tāda paša izmēra kā pirmais:

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

Sintakse

selector {
	font-size-adjust: number | none;
}

Vērtības

Vērtība	Apraksts
`number`	Skaitlis norāda fonta aspektu.
`none`	Nav fonta izmēra regulēšanas.

Noklusējuma vērtība: none.

Kā noteikt fonta aspekta vērtību?

Skatīties fragmentu no W3C specifikācijas: Proporcionalitātes koeficientu (aspektu) priekš izvēlētiem fontiem var aprēķināt, salīdzinot to pašu tekstu ar atšķirīgu font-size-adjust vērtību. Ja īpašības vērtība ir pareizi izvēlēta, tad ar vienādu fonta izmēru teksts paliks nemainīgs visiem lapā izmantotajiem fontiem.

Es minu man zināmās aspekta vērtības priekš dažiem fontiem: Georgia - 0.5, Times New Roman - 0.46, Verdana - 0.58.

Piemērs

Salīdziniet, kā izskatās teksts ar atšķirīgu font-size-adjust vērtību un vienādu font-size un 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>

Piemērs . Piemērošana reālajā dzīvē

Zemāk redzamais kods panāk, lai gadījumā, ja lietotāja datorā nav Georgia fonta, piemērotais fonts Times New Roman būtu tāda paša izmēra kā 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;
}