ကွန်ပျူတာ ပညာရေး အခြေခံ အကြီး

为您的网站选择正确的字体很重要!

字体选择很重要

选择正确的字体会对网站的用户体验产生巨大影响。

正确的字体可以为您的品牌创造强有力的形象。

使用易于阅读的字体很重要。字体为您的文本增加了价值。为字体选择正确的颜色和文本大小也很重要。

အသုံးပြုနိုင်သော ဘာသာစကား မျိုး

CSS တွင် ဘာသာစကား မျိုး အပေါင်း ငါးခု ရှိသည်:

  • အော်ဂန်းယား ဘာသာစကား (Serif) - အချို့ အော်ဂန်းယား အား အချို့ ဘာသာစကား အား ရယူရမည်။ ဘာသာစကား အား ပုံစံ နှင့် လှပသော ဘာသာစကား အား ဖွင့်လှစ်သည်။
  • အော်ဂန်းယား ဘာသာစကား (Sans-serif) - ဘာသာစကား အကြီးအကျယ် ဖြင့် ရှိသည် (အော်ဂန်းယား အော်ဂန်းယား မရှိသည်)။ အော်ဂန်းယား ဘာသာစကား အား အသစ်များ နှင့် အကျယ်တက် သော ဘာသာစကား အား ဖွင့်လှစ်သည်။
  • အဆိုင်းအတန်း ဘာသာစကား (Monospace) - အချို့ အော်ဂန်းယား အား အချို့ အဆိုင်းအတန်း ဘာသာစကား ထက် အဆိုင်းအတန်း ဘာသာစကား အား ရယူရမည်။ အဆိုင်းအတန်း ဘာသာစကား အား အဆိုင်းအတန်း ဘာသာစကား အား အဆိုင်းအတန်း ဘာသာစကား အား ရယူရမည်။
  • လက်ရှိ ဘာသာစကား (Cursive) - လူ့ လက်ဖျား အသွင် ကို စနစ်တကျ ကျွမ်းကျွမ်းသည်။
  • ပျက်စား ဘာသာစကား (Fantasy) - အော်ဂန်းယား/အလှပ ဘာသာစကား ဖြစ်သည်။

အခြား ဘာသာစကား အမည် အား နှစ်ဆယ် အပြား ဘာသာစကား မျိုး တစ်ခု နှင့် ကိုးကွယ်ရမည်။

Serif နှင့် Sans-serif ဘာသာစကား အကြား အမျိုးမျိုး

စီဗင်ဟ် အစိုးရီပုံ နှင့် အလွှားပုံ

အကြိမ်ဖြူးမှု:ကျမ်းစာအသား မျက်နှာပြင် တွင် အော်ဂန်းယား ဘာသာစကား အား အော်ဂန်းယား ဘာသာစကား ထက် ကျယ်ပြန်သည်။

ဘာသာစကား အမျိုးမျိုး အကျိုးသတ္တု

အသုံးပြုနိုင်သော ဘာသာစကား မျိုး ဘာသာစကား အမည် အကျိုးသတ္တု
Serif Times New Roman
Georgia
Garamond
Sans-serif Arial
Verdana
Helvetica
Monospace Courier New
Lucida Console
Monaco
Cursive Brush Script MT
Lucida Handwriting
Fantasy Copperplate
Papyrus

CSS font-family ဘာသာစကား

CSS တွင် ကျမ်းစာ ဘာသာစကား အား ဘာသာစကား အမျိုးမျိုး အား အသုံးပြုရမည်။

font-family အရာကို ဘာသာစကား အမျိုးမျိုး အား အစကား ဖြင့် “အပိုကွယ်” စနစ် အဖြစ် ထည့်သွင်းရမည်။ ဘာသာစကား ကို အရသာ ဖြင့် စတင်၍ အသုံးပြုနိုင်သော ဘာသာစကား အပြား နှင့် အဆိုပါ ဘာသာစကား ကို ပြီးဆုံးသည် (အခြား ဘာသာစကား မရှိ သော်လည်း ဘာသာစကား အပြား မှ ဆန့်ကျင် သော ဘာသာစကား ကို ရယူရမည်) အပြီးတွင် အပြားအမျိုးမျိုး အား ပေါင်းစပ်ရမည်။ ဘာသာစကား အမည်များကို ကွက်နုတ်ထားရမည်。

注释:如果字体名称不止一个单词,则必须用引号引起来,例如:"Times New Roman"。

实例

为三个段落规定不同的字体:

.p1 {
  font-family: "Times New Roman", Times, serif;
}
.p2 {
  font-family: Arial, Helvetica, sans-serif;
}
.p3 {
  font-family: "Lucida Console", "Courier New", monospace;
}

亲自试一试