Change the Font

Font ကို ေျပာင္းဖို႕ အတြက္ font-family: ဆိုတဲ့ property ကို အသံုးျပဳရပါမယ္။ ေအာက္က code ေလးကို တခ်က္ၾကည့္လိုက္ပါ။

body {
    font-family: "Zawgyi-One",arial;
}
h1 {
    font-size: 40px;
    color: green;
}

h2 {
    font-size: 25px;
    color: #336699;
}

p {
    text-indent: 20px;
}

body ရဲ႕ font ကို Zawgyi-One ေျပာင္းထားတာကို ေတြ႕ရပါလိမ့္မယ္။ "Zawgyi-One",arial လို႕ ေရးထားတဲ့ သေဘာက် Zawgyi-One font စက္ထဲမွာ မရိွရင္ arial font ကို အသံုးျပဳမယ္လို႕ ဆိုထားပါတယ္။ comma (,) ကို ခံၿပီးေတာ့ တစ္ခုထက္ မက font-family ေတြ ထည့္ထားလို႕ရပါတယ္။

အဲဒီ code ေလးကိုပဲ ကၽြန္ေတာ္တို႕ ထပ္ၿပီး ေျပာင္းရေအာင္

body {
    font-family: "Zawgyi-One",arial;
}
h1 {
    font-size: 40px;
    color: green;
    font-family: "Times New Roman",serif;
}

h2 {
    font-size: 25px;
    color: #336699;
    font-family: "Verdana",arial;
}

p {
    text-indent: 20px;
}

အထက္ပါ code မွာ h1 ကို Times New Roman သံုးၿပီးေတာ့ h2 ကိုေတာ့ Verdana သံုးထားတာ ေတြ႕ႏိုင္ပါတယ္။ body မွာ Zawgyi-One လို႕ ေျပာခဲ့တဲ့ အတြက္ေၾကာင့္ တျခား code ေတြ အားလံုးဟာ Zawgyi-One font နဲ႕ ေဖာ္ျပေနပါလိမ့္မယ္။ အဲဒီ code ေလးကို run လိုက္ရင္ ေအာက္က ပံုလို ေတြ႕ပါလိမ့္မယ္။

Figure 4-5