font-family ဆိုဒ်

font-family ဆိုဒ်သည် ဖောင့်အမျိုးအစားကို သတ်မှတ်ပေးသည်။

ဝါကျဖွဲ့ပုံ

cssselector {
  font-family: ဖောင့်အမည်;
}

မှတ်ချက်

ဖောင့်အမည်တွင် နေရာလွတ်များ ပါဝင်ပါက၊ ဥပမာ Times New Roman၊ ၎င်းကို အတွင်းသင်္ကေတ သို့မဟုတ် အပြင်သင်္ကေတများဖြင့် ထည့်သွင်းရပါမည်။

မှတ်ချက်

အလားတူ ဖောင့်များကို ကော်မာဖြင့် ခွဲ၍ စာရင်းပြုစုနိုင်သည်။ ဘရောက်ဆာသည် စာရင်းထဲမှ ပထမဆုံးဖောင့်နှင့် ကြုံတွေ့သောအခါ၊ ၎င်းသည် ၎င်းကို အသုံးပြုသူ၏ ကွန်ပျူတာတွင် ရှိမရှိ စစ်ဆေးသည်။ အကယ်၍ ထိုသို့သော ဖောင့် မရှိပါက၊ နောက်ထပ် ဖောင့်ကို စာရင်းမှ ယူ၍ တည်ရှိမှုအတွက် ခွဲခြမ်းစိတ်ဖြာသည်။ ထို့ကြောင့် ဖောင့်အမျိုးမျိုး သတ်မှတ်ခြင်းသည် အနည်းဆုံး တစ်မျိုးမျိုးကို ဖောင့်အမျိုးမျိုး သတ်မှတ်ခြင်းသည် အနည်းဆုံး တစ်မျိုးမျိုးကို ဖောင့်အမျိုးမျိုး သတ်မှတ်ခြင်းသည် အနည်းဆုံး တစ်မျိုးမျိုးကို ကလိုင်းယင့်ကွန်ပျူတာတွင် တွေ့ရှိရန် အခွင့်အလမ်းကို တိုးမြှင့်ပေးသည်။

စာရင်းကို ပုံမှန်အားဖြင့် ဖောင့်အမျိုးအစားကို ဖော်ပြသည့် သော့ချက်စကားလုံး (ဖောင့်အားလုံး တစ်ခုခုသော အမျိုးအစားနှင့် သက်ဆိုင်သည်) - serif, sans-serif, cursive, fantasy သို့မဟုတ် monospace ဖြင့် အဆုံးသတ်သည်။ ဘရောက်ဆာသည် အသုံးပြုသူ၏ကွန်ပျူတာတွင် ဖော်ပြထားသော ဖောင့်များထဲမှ တစ်ခုမျှ မတွေ့ပါက၊ ထိုအခါ ၎င်းသည် ဖော်ပြထားသော အမျိုးအစားမှ ဖောင့်တစ်ခုကို ရွေးချယ်မည်ဖြစ်သည်။

ဖောင့်အမျိုးအစားများ

ပုံသေ တန်ဖိုး: ဘရောက်ဆာတွင် ပုံသေအနေဖြင့် သတ်မှတ်ထားသော ဖောင့်။ ပုံမှန်အားဖြင့် ၎င်းသည် Times New Roman ဖြစ်သည်။

ဥပမာ

ဖောင့်ကို Arial မိသားစု သတ်မှတ်မည်:

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  font-family: Arial;
}

Результат:

ဥပမာ

ဖောင့်ကို Times New Roman မိသားစု သတ်မှတ်မည်။ ဖောင့်အမည်တွင် စကားလုံးများစွာ ပါဝင်သောကြောင့် သင်္ကေတအတွင်း၌ ထည့်သွင်းမည်:

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  font-family: "Times New Roman";
}

Результат:

ဥပမာ

ဖောင့်ကို serif အစုမှ ဖောင့်အဖြစ် သတ်မှတ်မည် (ဖြစ်နိုင်ခြေရှိသည်မှာ Times New Roman ကို ယူမည်):

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  font-family: serif;
}

Результат:

ဥပမာ

ဖောင့်ကို sans-serif အစုမှ ဖောင့်အဖြစ် သတ်မှတ်မည် (ဖြစ်နိုင်ခြေရှိသည်မှာ Arial ကို ယူမည်):

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  font-family: sans-serif;
}

Результат:

ဥပမာ

ဖောင့်ကို fantasy အစုမှ ဖောင့်အဖြစ် သတ်မှတ်မည် (ထိုကဲ့သို့သော ဖောင့်မရှိခြင်းကြောင့် သင့်တွင် အလုပ်မလုပ်နိုင်တော့ပါ):

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  font-family: fantasy;
}

Результат:

ဥပမာ

ဖောင့်ကို monospace အစုမှ ဖောင့်အဖြစ် သတ်မှတ်မည် (စာလုံးများသည် တူညီသော အရွယ်အစား ဖြစ်လာမည်):

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  font-family: monospace;
}

Результат: