သင်ကူးယူနိုင်သော ကောင်းမွန်သော Google ဖောင့်ပေါင်းစပ်မှုများ 10

 သင်ကူးယူနိုင်သော ကောင်းမွန်သော Google ဖောင့်ပေါင်းစပ်မှုများ 10

John Morrison

သင်ကူးယူနိုင်သော ကောင်းမွန်သော Google ဖောင့်ပေါင်းစပ်မှု 10 ခု

ပျမ်းမျှလူသည် Doritos ၏ မည်သည့်အရသာသည် သူ၏ Heineken နှင့် အရသာကောင်းမည်ကို စဉ်းစားသည်။ ဆန်းပြားသောအမျိုးသားသည် မည်သည့်ဒိန်ခဲသည် ၎င်း၏ဝိုင်ရွေးချယ်မှုနှင့် ကောင်းမွန်စွာတွဲဖက်မည်ကို စဉ်းစားသည်။ ဒီဇိုင်နာက ဘယ်ဖောင့်နှစ်ခုက တစ်မျက်နှာတည်းမှာ ကြည့်ကောင်းမလဲဆိုတာ စဉ်းစားပါတယ်။

ဖောင့်တွေကို ရောစပ်ပြီး စံပြအတွဲတွေကို ရှာဖွေဖို့အတွက် ကစားကွင်းအဖြစ် Google Font API ကို ဒီနေ့မှာ အသုံးပြုပါမယ်။ သင့်ပရောဂျက်များအတွက် သင့်လျော်သည်ဟု သင်ထင်မြင်သည့် ရွေးချယ်မှုများကို ဖြတ်ကျော်ကာ ချက်ခြင်းထုတ်နိုင်မည်ဖြစ်သည်။

အကောင်းဆုံးအပိုင်း။ သင့်ဆိုက်တွင် ဤဖောင့်များကို အကောင်အထည်ဖော်ရန် ကျွန်ုပ်တို့၏ကုဒ်ကို ကူးယူပြီး ကူးထည့်ရန်သာ လိုအပ်ပါသည်။ ၎င်းသည် လုံးဝအခမဲ့ဖြစ်ပြီး ဒေါင်းလုဒ်လုပ်ရန် မလိုအပ်ပါ။

ဖောင့်များကို စူးစမ်းလေ့လာပါ

အဘယ်ကြောင့် Google Fonts?

ဝဘ်ဖောင့်ဂိမ်းသည် လွန်ခဲ့သောနှစ်အနည်းငယ်က လေထဲတွင် ပေါ်လွင်လာခဲ့သည်။ လူတိုင်းမှာ အကြံဥာဏ်နဲ့ အဖြေရှာကြပေမယ့် ဖုန်မှုန့်တွေ ပြေသွားတဲ့အခါ ဘယ်အရာက ကျန်ရစ်မယ်ဆိုတာ ဘယ်သူမှ မသိနိုင်ပါဘူး။ ငါ့စိတ်ထဲမှာတော့ ဒီစကားစစ်ထိုးပွဲက @font-face အနိုင်ရသွားပြီ။

ဒါက ဘာကြောင့် @font-face အနိုင်ရတာလဲ။ ပထမဦးစွာ၊ သန့်စင်သော CSS ဖြေရှင်းချက်သည် developer များနှင့်အတူ လိုက်ပါနိုင်သည် ။ နောက်တစ်ခု၊ @font-face သည် ကော်ပီနှင့်ကူးထည့်ခြင်းကဲ့သို့သော စာသားရွေးချယ်ခြင်းနှင့် လုပ်ဆောင်ချက်များကို အပြည့်အဝထောက်ခံသည်ဟူသောအချက်က အသုံးပြုနိုင်မှုဆိုင်ရာကျွမ်းကျင်သူများက ၎င်းကိုနှစ်သက်သည်ဟု ဆိုလိုသည်။ နောက်ဆုံးအနေနဲ့၊ ဘယ်ဖောင့်နဲ့မဆို @font-face ချက်နည်းကို အလွယ်တကူ ချက်စားနိုင်တာက ဒီဇိုင်နာတွေက သူတို့မှာ ရွေးချယ်စရာ လိုင်စင်ရဖောင့်တွေ အများကြီးရှိတာကြောင့် ဒီဇိုင်နာတွေက သဘောကျပါတယ်။ ရရင်အကြိုက်ဆုံးအခမဲ့ဖောင့်ပေါင်းစပ်မှုများ။ Google ၏လမ်းညွှန်မှုတွင် ရှက်ဖွယ်ကောင်းသောကမ်းလှမ်းမှုများလည်း ပြတ်တောက်မှုမရှိသောကြောင့် သင့်အကြိုက်အနည်းဆုံးများကို မျှဝေခံစားနိုင်ပါသည်။

ဆော့ဖ်ဝဲရေးဆွဲသူများ၊ ဒီဇိုင်နာများနှင့် ဘုတ်အဖွဲ့ပေါ်ရှိ အသုံးပြုနိုင်သော ယောက်ျားလေးများ၊ ၎င်းသည် Flash၊ JavaScript နှင့် ရုပ်ပုံအခြေခံဖြေရှင်းချက်အတွက် ဂိမ်းပြီးသွားပါပြီ။

ယခုအခါ၊ @font-face လောကတွင် ပြိုင်ဘက်များစွာရှိသည်။ ကျွန်ုပ်၏ကိုယ်ရေးကိုယ်တာအနှစ်သက်ဆုံးဖြေရှင်းချက်မှာ ၎င်းတို့၏ကြိုတင်တည်ဆောက်ထားသောရွေးချယ်စရာများထဲမှတစ်ခုကိုဒေါင်းလုဒ်လုပ်နေသည်ဖြစ်စေ FontSquirrel ၏ @font-face kits များကိုအသုံးပြုရန်သာဖြစ်ပြီး၊ ကျွန်ုပ်သည် ၎င်းတို့ကြိုတင်တည်ဆောက်ထားသောရွေးချယ်စရာများထဲမှတစ်ခုကိုဒေါင်းလုဒ်လုပ်ခြင်း သို့မဟုတ် ဖောင့်ဖိုင်တစ်ခုတင်ခြင်းဖြစ်စေ ဆိုက်သည် ကျွန်ုပ်အတွက်ကျန်သောအရာများကို ဖြည့်ဆည်းပေးနိုင်မည်ဖြစ်သည်။

သို့သော် ၊ အရင်က Design Shack မှာ ဒီဖြေရှင်းချက်ကို အကြိမ်ပေါင်းများစွာ သုံးဖူးတယ်၊ ဒါကြောင့် ဒီနေ့ အရာတွေကို ပြောင်းပြီး တခြားတစ်ခုခုကို သုံးချင်ခဲ့တယ်။ Google Font Directory သည် အခမဲ့ဖြစ်ပြီး ရွေးချယ်စရာများစွာရှိသောကြောင့်၊ ၎င်းသည် သဘာဝအတိုင်း အံဝင်ခွင်ကျဖြစ်ပုံရသည်။

ဖောင့်များပေါင်းစပ်ခြင်းအတွက် အမြန်အကြံပြုချက်များ

ကျွန်ုပ်တို့မစတင်မီတွင် အခြေခံအနည်းငယ်ရှိပါသည်။ ဖောင့်များကို ပေါင်းစည်းသည့်အခါတွင် မှတ်သားထားနိုင်သည့် စည်းမျဉ်းများ။ ဤအရာများသည် အချိန်အခါတိုင်းတွင် သင်လိုက်နာရမည့် အကြွင်းမဲ့မဟုတ်သော်လည်း သံသယဖြစ်လျှင် လိုက်နာရန် လမ်းညွှန်ချက်အချို့မျှသာဖြစ်သည်။

Font Families ကိုသုံးပါ

ပထမဦးစွာ ဖြစ်နိုင်ပါက မိသားစုတစ်ခုတည်းရှိ ဖောင့်အမျိုးမျိုးကို စစ်ဆေးကြည့်ပါ။ ဤဖောင့်များကို အတူတကွလုပ်ဆောင်ရန် စေ့စေ့စပ်စပ် ဒီဇိုင်းထုတ်ထားပြီး ထို့ကြောင့် အမြင်အာရုံကွဲလွဲမှုမဖန်တီးဘဲ သင့်ဖောင့်ကို ပြောင်းလဲခြင်းအတွက် အလုံခြုံဆုံးနည်းလမ်းဖြစ်သည်။

Contrast is King

နောက်တစ်ခု၊ သင်သည် ဖောင့်နှစ်ခုကို ပေါင်းစပ်သောအခါ၊ ဆန့်ကျင်ဘက်သို့ သွားပါ။ အပေါ့စား sans-serif နှင့် ရဲရင့်သော အကွက်တစ်ခုကို တွဲကြည့်ပါ။ တူညီသောဖောင့်နှစ်ခုကို ရောနှောပါက၊ ခြားနားမှု မရှိခြင်းက ၎င်းနှင့် အနည်းငယ်ကွာဟသွားပုံပေါ်သည်။မတူညီသော စာစီစာရိုက်နှစ်မျိုး၏ ရည်ရွယ်ထားသော အထင်အမြင်ထက် စာစီစာရိုက်။ ကွဲပြားသောပုံစံနှစ်မျိုးရှိနေသည်ကို ဒီဇိုင်နာများနှင့် ဒီဇိုင်းမဟုတ်သော ဒီဇိုင်းပညာရှင်များအား ရှင်းရှင်းလင်းလင်းပြောပြပါ။

လွယ်ကူသွားပါ

ထို့ပြင်၊ သင့်ကိုယ်သင် စာလုံးပုံစံအနည်းငယ်သာ ကန့်သတ်ပါ။ နှစ်ယောက်တွဲ လျှောက်နိုင်ရင် သုံးရက်မှာ ရပ်လိုက်ပါ။ အတွေ့အကြုံအရှိဆုံး လက်များတွင်မူ မတူညီသော ဖောင့်များစွာသည် ဒီဇိုင်းတစ်ခု၏ စည်းလုံးညီညွတ်မှုကို ပျက်စီးစေသည်။ Photoshop တွင်ဖောင့်မီနူးကိုပထမဆုံးအကြိမ်ရှာဖွေတွေ့ရှိသည့်ကလေးတစ်ယောက်ကဲ့သို့အဆုံးသတ်ရန်လွယ်ကူသည်။

မည်သည့်ဖောင့်များသင့်လျော်ကြောင်းစဉ်းစားပါ

နောက်ဆုံးတွင်၊ အကြောင်းအရာသည် ကြီးမားသောအခန်းကဏ္ဍမှပါဝင်ပါစေ။ သင့်ဖောင့်ရွေးချယ်မှု။ သင့်အကြောင်းအရာသည် ခေတ်မီပြီး ပရော်ဖက်ရှင်နယ်ဖြစ်ပါက ဤအရည်အသွေးများကို အကြံပြုသည့် ဖောင့်များကို မှီဝဲပါ။ အကယ်၍ ၎င်းသည် 1700s မှ တစ်စုံတစ်ခုနှင့်တူသည်ဟု ယူဆပါက Helvetica Neue Ultra Light သည် အကောင်းဆုံးနည်းလမ်းမဟုတ်ပေ။

ဖောင့်များ!

လုံလောက်စွာ ဆွေးနွေးပြီးပြီ၊ လုပ်ငန်းစလိုက်ကြရအောင်။ Google Font Directory သို့ ဆင်းပြီး အောက်ပါ ရွေးချယ်စရာများကို ရှာဖွေပါ။

သင် ယခင်က Google Font Directory နှင့် အလုပ်မလုပ်ဖူးပါက၊ စိတ်မပူပါနှင့်၊ ၎င်းသည် အလွယ်ကူဆုံး စိတ်ကြိုက်ဖောင့်ဖြေရှင်းချက်ဖြစ်သည်။ သင်လုပ်ရမှာက သင့်စာမျက်နှာရဲ့ ခေါင်းစီးမှာ လင့်ခ်တစ်ခုချပြီး သင့် CSS ဖောင့်မိသားစုရှိ ဖောင့်ကို အခြားအရာတွေလိုပါပဲ ကိုးကားလိုက်ပါ။ အောက်ဖော်ပြပါ ဖောင့်အတွဲတစ်ခုစီအတွက် လိုအပ်သော ကုဒ်အတိုအထွာများအားလုံးကို ကော်ပီကူးပြီး ကူးထည့်ရန် သင့်အား လိုအပ်သော ကုဒ်အတိုအထွာများ ပေးပါမည်။

Lobster &Cabin

ပုဇွန်လုံးသည် ကျွန်ုပ်အနှစ်သက်ဆုံး ဇာတ်ညွှန်းများထဲမှ တစ်ခုဖြစ်သည်။ ၎င်းသည် ရဲရင့်ပြီး လှပနေချိန်တွင် အခြား script များတွင် အလွယ်တကူ ရှာမတွေ့နိုင်သော ရည်ညွှန်းချက်များ ဖြစ်သည်။

ကြည့်ပါ။: 40+ အကောင်းဆုံး 3D လိုဂိုပုံစံပုံစံများ

ဤခိုင်မာသောထုတ်ပြန်ချက်ကို ဖြည့်စွက်ရန်၊ အာရုံစူးစိုက်မှုအား ပြိုင်ဆိုင်သော မည်သည့်အရာကိုမျှ မလိုချင်ပါ။ Cabin ကဲ့သို့ ရိုးရိုးရှင်းရှင်း တစ်ခုခုကို ရွေးမည့်အစား

HTML

1 2

CSS

1 2 3 4 5 6 7 8 9 10 11 h1 { font - family : 'ပုဇွန်' , ဂျော်ဂျီယာ , Times , serif ; ဖောင့် အရွယ်အစား : 70px ; လိုင်း - အမြင့် : 100px ; } p { font - family : 'Cabin' , Helvetica , Arial , sans - serif ; ဖောင့် အရွယ်အစား- 15px ; လိုင်း - အမြင့် : 25px ; }

လမ်းသွယ် & Goudy Bookletter 1911

Raleway သည် အလွန်ဆွဲဆောင်မှုရှိသောဖောင့်တစ်ခုဖြစ်သော်လည်း ၎င်းသည် အလွန်ပါးလွှာသောကြောင့် ၎င်းသည် ကိုယ်ထည်မိတ္တူတွင် အကောင်းဆုံးအမြဲတမ်းအလုပ်မလုပ်ပါ။ ဤအကြောင်းကြောင့်၊ ၎င်းကို တတ်နိုင်သမျှ တတ်နိုင်သမျှ ကျယ်အောင်ထားရန် အကောင်းဆုံးဖြစ်ပြီး ၎င်းသည် သင့်ခေါင်းစီးများအတွက် ပြီးပြည့်စုံသော ဖောင့်တစ်ခုဖြစ်စေသည်။

Raleway နှင့် အတော်လေးကို တန်ဆာဆင်ထားသော Goudy Bookletter 1911 ၏ ပေါင်းစပ်မှုသည် အလွန်ဂန္ထဝင်ဆန်သောအတွဲတစ်တွဲဖြစ်မည်ဟု ကျွန်တော်ထင်ပါတယ်။ သတိထားပါ၊ ဤအထူးသဖြင့် Goudy သည် ကော်ပီများစွာအတွက် အနည်းငယ်ရှုပ်ထွေးလွန်းပြီး ၎င်းတွင်ရေးထားသော ကော်ပီများအပြည့်ရှိသော စာမျက်နှာကြီးတစ်ခုကို ကျွန်ုပ်သေချာပေါက် မဖတ်ချင်ပါ။ ဤပေါင်းစပ်မှုသည် မိတ္တူအနည်းငယ်မျှသာရှိသော အခြေအနေများအတွက် အကောင်းဆုံးဖြစ်နိုင်သည်။

HTML

1 2

၎င်း CSS

1 2 3 4 5 6 7 8 9 10 11 h1 { font - family : 'Raleway' , Helvetica , Arial , sans - serif ; ဖောင့် အရွယ်အစား : 50px ; လိုင်း - အမြင့် : 70px ; } p { font - family : 'Goudy Bookletter 1911' , Georgia , Times , serif ; ဖောင့် အရွယ်အစား- 15px ; လိုင်း - အမြင့် : 25px ; }

Allerta & ကြက်သွေးရောင်စာသား

Allerta သည် အတန်အသင့် ရဲရင့်သော sans-serif ပင်ကိုယ်စရိုက်တစ်ခုဖြစ်သည်။ ငြီးငွေ့စရာ သို့မဟုတ် ရူးသွပ်သောအရာကို မလိုချင်ပါက၊ ၎င်းသည် ခေါင်းစီးနှင့် စာကိုယ်ကော်ပီ နှစ်ခုစလုံးအတွက် ကောင်းမွန်သော အလယ်ဗဟိုချက်ဖြစ်သည်။

Crimson Text သည် ခိုင်မာသော serifs များပါရှိသော ရိုးရှင်းသောဖောင့်တစ်ခုဖြစ်သော်လည်း အထူနှင့်အပါးကြားတွင် ကွဲပြားမှုမရှိပါ။ ၎င်းသည် ၎င်းသည် သေးငယ်သည့်တိုင် ကောင်းစွာဖတ်ရှုနိုင်မှုပမာဏကို ထိန်းသိမ်းထားသည်။

HTML

1 2

CSS

1 2 3 4 5 6 7 8 9 10 11 h1 { font - မိသားစု : 'Allerta', Helvetica, Arial, sans-serif ; ဖောင့် အရွယ်အစား : 50px ; လိုင်း - အမြင့် : 55px ; } p { font - family : 'Crimson Text' , Georgia , Times , serif ; ဖောင့် အရွယ်အစား : 16px ; လိုင်း - အမြင့် : 25px ; }

Arvo & PT Sans

ကောင်းမွန်သော slab serif မပါဘဲ ဖောင့်ရွေးချယ်မှု ပြီးမြောက်မည်မဟုတ်ပါ။ Google Font Directory တွင် ဤအရာနှစ်ခုသာရှိပြီး Arvo သည် လက်ရှိတွင် အခိုင်မာဆုံးရွေးချယ်စရာများထဲမှတစ်ခုဖြစ်သည်။ ဇာတ်ကောင်အများစုကို ကျွန်တော်အရမ်းကြိုက်ပေမယ့် “S” က နည်းနည်းတော့ အဆင်မပြေဘူးလို့ ဝန်ခံပါတယ်။

ဒါကို နောက်ထပ် sans ကောင်းကောင်းနဲ့ တွဲဖက်ထားပါတယ်-serif: PT Sans။ ၎င်းကိုရရှိနိုင်သောမျိုးကွဲများစွာရှိသော်လည်းရိုးရိုးဗားရှင်းသည်ကိုယ်ထည်ကော်ပီအတွက်အကောင်းဆုံးဖြစ်သည်။ ဇာတ်ကောင်တွေ ဝိုင်းဝိုင်းလည်တာကို အရမ်းကြိုက်တယ်၊ အဲဒါက အရမ်းဖော်ရွေတဲ့ ခံစားချက်ကို ဖြစ်စေပါတယ်။

HTML

1 2

CSS

1 2 3 4 5 6 7 8 9 10 11 h1 { font - family : 'Arvo' , Georgia , Times , serif ; ဖောင့် အရွယ်အစား : 59px ; လိုင်း - အမြင့် : 70px ; } p { font - family : 'PT Sans' , Helvetica , Arial , sans - serif ; ဖောင့် အရွယ်အစား : 16px ; လိုင်း - အမြင့် : 25px ; }

Dancing Script & Josefin Sans

စခရစ်များကို ကောင်းစွာအကောင်အထည်ဖော်ရန် ခက်ခဲပါသည်၊ အထူးသဖြင့် ၎င်းတို့သည် Lobster ကဲ့သို့ တွင်ကျယ်စွာ မသုံးနိုင်သည့်အခါတွင် ဖြစ်သည်။ အထက်နမူနာတွင်ပြသထားသည့် Dancing Script သည် ကျိန်းသေပင်ကျွန်ုပ်အနှစ်သက်ဆုံး Script မဟုတ်သော်လည်း ၎င်းသည် Google Font Directory တွင်ရရှိနိုင်သောပိုကောင်းသည့်အရာများထဲမှတစ်ခုဖြစ်သည်။

Dancing Script သည် Lobster ထက်အများကြီးပို၍ မိန်းမဆန်သောကြောင့်၊ ၎င်းကိုတွဲပေးထားပါသည်။ Joesfin နှင့်အတူ၊ ဤစတိုင်ကိုထပ်ဆင့်ရန်တကယ်ပါးလွှာသော sans-serif။ ဤပေါင်းစပ်မှုသည် အမျိုးသမီး လှည့်စားထားသော မည်သည့်ထုတ်ကုန် သို့မဟုတ် ဝဘ်ဆိုဒ်များအတွက်မဆို သင့်လျော်ပါသည်။

HTML

1 2

၎င်း CSS

1 2 3 4 5 6 7 8 9 10 11 12 h1 { font - family : 'Dancing Script' , Georgia , Times , serif ; ဖောင့် အရွယ်အစား : 59px ; လိုင်း - အမြင့် : 60px ; } p { font - family : 'Josefin Sans' , Helvetica , Arial , sans - serif ; ဖောင့် - အရွယ်အစား: 18px ; လိုင်း - အမြင့် : 25px ; အနားသတ် - အပေါ် : 15px ; }

အယ်လန် & Cardo

ပုံမှန်အားဖြင့် ကျွန်တော်သည် ရုပ်ပြပုံစံဖောင့်များကို မုန်းတီးသော်လည်း Allan သည် တကယ်ကို ဆွဲဆောင်မှုရှိပြီး ဆွဲဆောင်မှုရှိသည်။ ဖောင့်ရဲရင့်မှုနှင့် စာလုံးစောင်းထိုးခြင်းကို နှစ်သက်သည်။

ပုံစံဟောင်းဖောင့် (Cardo) နှင့် ကျွန်ုပ်တွဲချိတ်ခြင်းသည် အချိန်ကာလအပိုင်းအခြားနီးပါး ကွဲလွဲနေပုံရသော်လည်း ၎င်းတို့ ပေါင်းစည်းပုံအား ကျွန်ုပ်အလွန်နှစ်သက်ပါသည်။ အလင်း sans-serif အစား လွတ်လွတ်လပ်လပ် ရွေးချယ်နိုင်ပါသည်။

HTML

1 2

CSS

ကြည့်ပါ။: 45+ အကောင်းဆုံး Instagram ပုံတူပုံစံများ (Story & Post) 2023
1 2 3 4 5 6 7 8 9 10 11 h1 { font - family : 'Allan' , Helvetica , Arial , sans-serif ; ဖောင့် အရွယ်အစား : 70px ; လိုင်း - အမြင့် : 75px ; } p { font - family : 'Cardo' , Georgia , Times , serif ; ဖောင့် အရွယ်အစား : 18px ; လိုင်း - အမြင့် : 25px ; }

Molengo & Lekton

Molengo နှင့် Lekton တို့သည် နည်းပညာပိုင်းဆိုင်ရာ ခံစားမှုတစ်ခုတွင် ကျောင်းဟောင်းကြိုးစားမှုတစ်ခုကဲ့သို့ ခံစားရသည်။ ယင်း၏နောက်ပိုင်းတွင် လက်နှိပ်စက်၏ခံစားချက်ကြောင့် အဓိကဖြစ်သည်။

ဤပေါင်းစပ်မှုသည် ပိုလာရွိုက်အကျိုးသက်ရောက်မှုရှိသော ဓာတ်ပုံများနှင့် ကော်ဖီအစွန်းအထင်းအချို့ပင်ဖြစ်နိုင်သည်နှင့် အချို့သောကော်ဖီအစွန်းအထင်းများပင်ဖြစ်နိုင်သည်။

HTML

1 2

CSS

1 2 3 4 5 6 7 8 9 10 11 h1 { font - family : 'Molengo' , Georgia , Times , serif ; ဖောင့် အရွယ်အစား : 56px ; လိုင်း - အမြင့် : 80px ; } p { font - family : 'Lekton' ၊Helvetica ၊ Arial ၊ sans-serif ; ဖောင့် အရွယ်အစား : 16px ; လိုင်း - အမြင့် : 25px ; }

Droid Serif & Droid Sans

အထက်ပါအကြံပြုချက်များထဲမှတစ်ခုသည် မိသားစုတစ်စုတည်းတွင်နေရန် အကြံပြုထားသည်။ Droid Serif နှင့် Droid Sans တို့၏ သဘာဝပေါင်းစပ်မှုဖြင့် ဤနေရာတွင် လက်တွေ့လုပ်ဆောင်ခဲ့ပါသည်။

သင်တွေ့မြင်ရသည့်အတိုင်း၊ နှစ်ခုစလုံးသည် တစ်ခုနှင့်တစ်ခု ပြည့်စုံကောင်းမွန်သော လှပသောစာလုံးပုံစံများဖြစ်သည်။ Droid Serif သည် body font ဖြစ်ပြီး Droid Sans သည် header font ဖြစ်စေရန် ၎င်းတို့ကို အလွယ်တကူ ပြောင်းနိုင်သည်။ လူကြိုက်များလှသော ဒီဇိုင်းဘလော့ဂ်တစ်ခုတွင် Droid ကို တောရိုင်းထဲတွင် တွေ့နိုင်သည်။

HTML

1 2

CSS

1 2 3 4 5 6 7 8 9 10 11 h1 { ဖောင့် - မိသားစု : 'Droid Serif' , ဂျော်ဂျီယာ , Times , serif ; ဖောင့် အရွယ်အစား : 49px ; လိုင်း - အမြင့် : 65px ; } p { font - family : 'Droid Sans' , Helvetica , Arial , sans - serif ; ဖောင့် အရွယ်အစား : 14px ; လိုင်း - အမြင့် : 25px ; }

Corbin & Nobile

သင်သည် Cooper Black ၏ပရိသတ်တစ်ဦးဖြစ်ပါက Corben သည် အကောင်းဆုံးအခမဲ့ရွေးချယ်စရာတစ်ခုဖြစ်သည်။ ဤအဆီနှင့် တိုနီ serif သည် 1920 ခုနှစ်များက ခံစားသင့်သည့် မည်သည့်အရာအတွက်မဆို ပြီးပြည့်စုံပါသည်။

Nobile သည် ဒေါင်လိုက်ဆန့်ထွက်သော စာလုံးပုံစံများဖြင့် ပိုမိုခေတ်မီသော ဖောင့်တစ်ခုဖြစ်သည်။ ဤနေရာတွင် အနည်းငယ်သောပုံစံပုံစံသည် ရဲရင့်သောခေါင်းစီးများကို အာရုံစိုက်စေသည်။

HTML

1 2

၎င်း CSS

1 2 3 4 5 6 7 8 9 10 11 h1 { font -မိသားစု : 'Corben' ၊ ဂျော်ဂျီယာ ၊ Times ၊ serif ; ဖောင့် အရွယ်အစား : 40px ; လိုင်း - အမြင့် : 55px ; } p { font - family : 'Nobile' , Helvetica , Arial , sans - serif ; ဖောင့် အရွယ်အစား : 13px ; လိုင်း - အမြင့် : 25px ; }

Ubuntu & Vollkorn

Ubuntu သည် ထူးထူးခြားခြား လုံးဝန်းသော မပါ၀င်သော ကိရိယာဖြစ်ပြီး ၎င်းအတွက် ခေတ်မီသော ခံစားချက်ရှိသည်။ စာကိုယ်စာသားနှင့် ခြားနားမှုပိုမိုရရှိစေရန် ဤနေရာတွင် ရဲရင့်သောမူကွဲကို အသုံးပြုခဲ့သည်။

Vollkorn သည် ရှည်လျားသောအတိတ်ခေတ်ကို ရောင်ပြန်ဟပ်ကာ အလွန်ကွဲပြားသောပုံစံတစ်မျိုးဖြစ်သည်။ တဖန်၊ အချိန်ကာလအမျိုးမျိုးမှ ဖောင့်များ ရောနှောခြင်းအတွက် အမြဲသတိထားပါ။ ရည်ရွယ်ချက်ရှိရှိနှင့် ရည်ရွယ်ချက်ရှိရှိ လုပ်ဆောင်ရန် သေချာပါစေ။

HTML

1 2

CSS

1 2 3 4 5 6 7 8 9 10 11 h1 { font - family : 'Ubuntu' , Helvetica , Arial , sans-serif ; ဖောင့် အရွယ်အစား : 50px ; လိုင်း - အမြင့် : 65px ; } p { font - family : 'Vollkorn' , Georgia , Times , serif ; ဖောင့် အရွယ်အစား : 16px ; လိုင်း - အမြင့် : 25px ; }

ကျွန်ုပ်တို့ကို သင့်အကြိုက်များကို ပြောပြပါ။

ဤဆောင်းပါးသည် သင်ပိတ်မိနေချိန်တိုင်းနှင့် လိုအပ်သည့်အချိန်တိုင်းကို အမှတ်အသားပြု၍ ပြန်လည်ကိုးကားနိုင်သည့် ကိရိယာတစ်ခုဖြစ်သည်။ သင်လုပ်ကိုင်နေသော ဝဘ်ဆိုက်အတွက် ကောင်းမွန်သော ဖောင့်ပေါင်းစပ်မှု။ ဝဘ်ဖောင့်များနှင့် ဘရောက်ဆာ နှစ်ခုစလုံးသည် ရှည်လျားလာသည်နှင့်အမျှ ဤဖြေရှင်းနည်းများသည် ဘုတ်အဖွဲ့တွင် အမှန်တကယ် ကောင်းမွန်စွာ အလုပ်လုပ်သင့်သည်၊ သို့သော် တစ်ခုစီတွင် Google ဖောင့်မဖွင့်ပါက သင့်လျော်သော အရန်ဖောင့်များ ပါဝင်ပါသည်။

အောက်တွင် မှတ်ချက်တစ်ခု ထားခဲ့ကာ သင့်အား ပြောပြပါ။

John Morrison

John Morrison သည် ဒီဇိုင်းနယ်ပယ်တွင် နှစ်ပေါင်းများစွာ အတွေ့အကြုံရှိသော ဒီဇိုင်နာတစ်ဦးဖြစ်ပြီး ထူးချွန်သော စာရေးဆရာတစ်ဦးဖြစ်သည်။ အခြားသူများထံမှ အသိပညာနှင့် သင်ယူမှုများကို မျှဝေခြင်းအတွက် စိတ်အားထက်သန်စွာဖြင့် John သည် စီးပွားရေးတွင် ထိပ်တန်း ဒီဇိုင်းဘလော့ဂါများထဲမှ တစ်ဦးအဖြစ် ကျော်ကြားလာခဲ့သည်။ သူသည် နောက်ဆုံးပေါ် ဒီဇိုင်းခေတ်ရေစီးကြောင်းများ၊ နည်းစနစ်များနှင့် ကိရိယာများအကြောင်း သုတေသနပြုခြင်း၊ စမ်းသပ်ခြင်းနှင့် စာရေးခြင်းတို့ကို အချိန်ကုန်စေကာ၊ ဒီဇိုင်းဖော်များအား လှုံ့ဆော်မှုနှင့် အသိပညာပေးရန် ရည်ရွယ်ချက်ဖြင့်၊ ဒီဇိုင်းလောကတွင် မပျောက်ဆုံးသောအခါ John သည် တောင်တက်ခြင်း၊ စာဖတ်ခြင်းနှင့် မိသားစုနှင့်အတူ အချိန်ဖြုန်းခြင်းကို နှစ်သက်သည်။