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 မှာ ကွာခြားပါသည်။ အရွယ်အစားများ မည်သို့ကွာခြားသည်ကို ကြည့်ပါ-

html<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 တန်ဖိုးအဖြစ် သတ်မှတ်ပါက ဒုတိယစာသားသည် ပထမစာသားနှင့် အရွယ်အစားတူညီလာသည်ကို တွေ့ရမည်-

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

Результат:

သဒ္ဒါဖွဲ့စည်းပုံ

cssဆယ်လက်တာ {
  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 တူညီသော စာသားများ မည်သို့ပေါ်လာသည်ကို နှိုင်းယှဉ်ကြည့်ပါ-

html<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 ဖောင့်နှင့် အရွယ်အစားတူညီစေရန် လုပ်ဆောင်ပေးသည်-

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
  aenean a dapibus magna, ac interdum nisl suspendisse egetile.
</p>

cssp {
  font-size: 16px;
  font-family: Georgia, "Times New Roman";
  font-size-adjust: 0.5;
}

Результат: