font ဂုဏ်သတ္တိ

font ဂုဏ်သတ္တိသည် အတိုကောက်ဂုဏ်သတ္တိတစ်ခုကို ကိုယ်စားပြုပြီး ၎င်းတွင် CSS ၏ အောက်ပါဂုဏ်သတ္တိများကို အသုံးပြုနိုင်ပါသည်- font-size, font-style, font-weight, line-height, font-family, font-variant.

ဝါကျဖွဲ့စည်းပုံ

cssရွေးချယ်သူ {
  font: [font-style|font-variant|font-weight] font-size [/line-height] font-family;
}

အချက်ပြဂုဏ်သတ္တိများမှာ font-size နှင့် font-family တို့ဖြစ်ပြီး ကျန်ဂုဏ်သတ္တိများကို စီစဉ်ထားသည့် အစီအစဉ်အတိုင်း ချန်လှပ်ထားနိုင်သည်။

font-style, font-variant, font-weight ဂုဏ်သတ္တိများကို ၎င်းတို့အချင်းချင်း မည်သည့်အစီအစဉ်အတိုင်းမဆို ပြောင်းလဲနိုင်သည်။

line-height ဂုဏ်သတ္တိသည် font-size ဂုဏ်သတ္တိ၏ နောက်တွင် မျဉ်းစောင်းဖြင့် ရေးသားရမှာကို သတိပြုပါ။

ဥပမာ

စာသားကို Arial အမျိုးအစား၊ 15px အရွယ်အစား၊ 30px အတန်းအကြား အကွာအဝေးဖြင့် စာစောင်းလုပ်ကြည့်ရအောင်-

html<p>
  some long text
</p>

cssp {
  font: italic 15px/30px Arial;
  text-align: justify;
}

Результат:

ဥပမာ

နောက်ထပ် ဥပမာ-

html<p>
  some long text
</p>

cssp {
  font: bold 16px/20px "Times New Roman", Georgia, serif;
  text-align: justify;
}

Результат:

ဥပမာ

အခြားဂုဏ်သတ္တိများကို ချန်လှပ်ကာ ဖောင့်အရွယ်အစားနှင့် မိသားစုကိုသာ သတ်မှတ်ကြည့်ပါ-

html<p>
  some long text
</p>

cssp {
  font: 18px Arial;
  text-align: justify;
}

Результат:

ဥပမာ

ဖောင့်အရွယ်အစားကိုသာ သတ်မှတ်ပါက ၎င်းသည် အလုပ်မလုပ်ပါ။ အကြောင်းမှာ ဖောင့်မိသားစုကိုပါ သတ်မှတ်ရန်လိုအပ်သောကြောင့် ဖြစ်သည်-

html<p>
  some long text
</p>

cssp {
  font: 30px;
  text-align: justify;
}

Результат: