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