W3.CSS Google ဖောင့်များ
W3.CSS ဖြင့် ဖောင့်အသစ်များထည့်ရန် အလွန်လွယ်ကူသည်။
- အသုံးပြုရအလွန်လွယ်ကူသည် (CSS နှင့် HTML သာ)
- ပြင်ပဖောင့်စာကြည့်တိုက်များကို အကန့်အသတ်မရှိအသုံးပြုခြင်း (Google ဖောင့်များကဲ့သို့)
- ခေတ်မီဘရောက်ဆာများအားလုံးတွင် အလုပ်လုပ်သည်။
ဒါက Roboto ပါ။
ဒါ ဆိုဖီယာ
ဆိုဖီယာ မီးဘေး
ဝဘ်ဖန်တီးခြင်း။
ဝဘ်ဖန်တီးခြင်း။
ဝဘ်ဖန်တီးခြင်း။
ဝဘ်ဖန်တီးခြင်း။
ဝဘ်ဖန်တီးခြင်း။
Google Fonts အသုံးပြုခြင်း။
Google Fonts သည် အခမဲ့အသုံးပြုနိုင်ပြီး ရွေးချယ်ရန် ဖောင့် 1000 ကျော်ရှိသည်။
သင့်ဝဘ်စာမျက်နှာ၏ ခေါင်းတွင်၊ Google ဖောင့်တစ်ခုသို့ လင့်ခ်ချိတ်ပါ-
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
ထို့နောက် ၎င်းကိုအသုံးပြုရမည့်နေရာတွင် CSS ကိုထည့်ပါ။
body,h1,h2,h3,h4,h5,h6 {font-family: Roboto, sans-serif;}
နောက်ဥပမာ
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sophia">
body,h1,h2,h3,h4,h5,h6 {font-family: Sofia, serif;}
Font Class တစ်ခုဖန်တီးပါ။
သင့်ဝဘ်စာမျက်နှာ၏ ခေါင်းတွင်၊ Google ဖောင့်တစ်ခုသို့ လင့်ခ်ချိတ်ပါ-
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sophia">
ထို့နောက် ဖောင့်အမျိုးအစားတစ်ခုကို ဖန်တီးပါ-
ဥပမာ
.w3-sofia {
font-family: Sofia, cursive;
}
သင့်ဝဘ်စာမျက်နှာတွင် ဖောင့်အမျိုးအစားကို အသုံးပြုပါ-
ဥပမာ
<p class="w3-sofia">Making the Web!</p>
ဝဘ်ဖန်တီးခြင်း။
ဥပမာ
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tangerine">
.w3-tangerine {
font-family: 'Tangerine', serif;
}
<p class="w3-tangerine">Making the Web Beautiful!</p>
ဝဘ်ဖန်တီးခြင်း။
ဥပမာ
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Lobster">
ဝဘ်ဖန်တီးခြင်း။
ဥပမာ
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Lobster&effect=shadow-multiple">
ဝဘ်ဖန်တီးခြင်း။
ဥပမာ
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Allerta+Stencil">
ဝဘ်ဖန်တီးခြင်း။