Font က website ရဲ့အသံပါ။ Clean font သုံးရင် professional ဖြစ်တယ်။ Font size သင့်တင့်ရင် user က content ကိုအလွယ်ဖတ်နိုင်တယ်။ CSS မှာ font-family ကို fallback fonts အများအပြားနဲ့ရေးတာကောင်းပါတယ်။ User device မှာ ပထမ font မရှိရင် နောက်တစ်ခုကို browser ကသုံးနိုင်ပါတယ်။
css
body {
font-family: "Noto Sans Myanmar", "Myanmar Text", Arial, sans-serif;
font-size: 16px;
line-height: 1.75;
}
h1 {
font-size: clamp(2rem, 5vw, 4rem);
font-weight: 800;
}You should see
Page တစ်ခုလုံးမှာ Myanmar font fallback ရှိလာပြီး H1 က screen size အလိုက် responsive ဖြစ်ပါမယ်။Tip
clamp() က responsive font size အတွက်အသုံးဝင်ပါတယ်။ အနည်းဆုံး၊ စိတ်ကြိုက်၊ အများဆုံး တန်ဖိုး ၃ ခုနဲ့ ထိန်းနိုင်ပါတယ်။