သင့်ရဲ့ website မှာသုံးစွဲဖို့ရရှိနိုင်သောယေဘုယျ font ကိုခွဲခြားမှု
website တစ်ခုဒီဇိုင်းအခါ, သင်နှင့်အတူအလုပ်လုပ်ပါလိမ့်မယ်တဲ့စာမျက်နှာ၏သော့ဒြပ်စင်များ၏တဦးတည်းသောစာသားအကြောင်းအရာဖြစ်ပါတယ်။ သငျသညျ CSS နဲ့တစ်ဦးဝက်ဘ်စာမျက်နှာနဲ့စတိုင်ကတည်ဆောက်သည့်အခါကဲ့သို့သော, ကြောင်းအားထုတ်မှုတစ်ခုကြီးမားသောအစိတ်အပိုင်း site ရဲ့စာစီစာရိုက်တဝိုက်ဗဟိုပြုလိမ့်မည်။
သတ်ပုံဒီဇိုင်းက်ဘ်ဆိုက်ဒီဇိုင်းအတွက်အရေးပါသောအခန်းကဏ္ဍမှပါဝင်သည်။ ကောင်းပြီထွက်ချထားနှင့် formateed စာသားကိုအကြောင်းအရာ site တစ်ခုပျော်စရာနှင့်လောင်ရန်လွယ်ကူနှစ်ဦးစလုံးသောစာဖတ်ခြင်းအတွေ့အကြုံကိုအတွက်ပိုပြီးအောင်မြင်တဲ့ဖြစ်ကူညီပေးသည်။ အမျိုးအစားနဲ့အလုပ်လုပ်၌သင်တို့၏ကြိုးစားအားထုတ်မှု၏တစ်စိတ်တစ်ပိုင်းကိုရှေးခယျြဖွစျလိမျ့မညျ သင့်ရဲ့ဒီဇိုင်းအဘို့အညာဘက်ကိုဖောင့် ပြီးတော့စာမျက်နှာ၏ display ကိုအဲဒီဖောင့်နဲ့ font ကိုစတိုင်များကိုထည့်သွင်းဖို့ CSS ကိုအသုံးပြုနိုင်ပါတယ်။ ဤသည်ကို "ဟုခေါ်သောအရာကို အသုံးပြု. ပြု font-stack "
font-stack
သငျသညျသည့်အခါ တစ်ဦးနဲ့ font ကိုသတ်မှတ် နေတဲ့ဝက်ဘ်ဆိုဒ်စာမျက်နှာပေါ်တွင်သုံးစွဲဖို့, ကလည်းသင့်ရဲ့ font ကိုရှေးခယျြမှုမတွေ့ရှိနိုင်ပေကိစ္စတွင် fallback options များထည့်သွင်းရန်အကောင်းဆုံးအလေ့အကျင့်ဖြစ်ပါတယ်။ ဤရွေ့ကား fallback ရွေးချယ်စရာထဲမှာတင်ပြကြသည် "font ကို stack ။ " Browser ကို stack ထဲမှာစာရင်းဝင်ပထမဦးဆုံးစာလုံးကိုမတှေ့နိုငျပါကလာမယ့်တဦးတည်းပေါ်ကိုလှုံ့ဆော်ပေး။ အဲဒါကိုသုံးနိုငျတဲ့ဖောင့်ကိုတွေ့တိုင်အောင်ဤဖြစ်စဉ်ကိုဆက်လက်, သို့မဟုတ်ပါက (ကပဲကလိုလားမည်သည့်စနစ်ကဖောင့်ကိုရွေးကောက်တော်မူသောအမှု၌) ရွေးချယ်မှုထဲကပြေး။ ဒီမှာ "ခန္ဓာကိုယ်" ဒြပ်စင်ဖို့လျှောက်ထားသည့်အခါတစ်ဦးနဲ့ font-stack CSS ကိုကွညျ့မယ်လို့ဘယ်လိုဥပမာတစ်ခုဖြစ်ပါသည်:
ခန္ဓာကိုယ် {font-family: ဂျော်ဂျီယာ, "Times New Roman", serif; }ကျွန်တော်ပထမဦးဆုံးစာလုံးဂျော်ဂျီယာသတ်မှတ်ကြောင်းသတိပြုပါ။ ပုံမှန်အားဖြင့်ဤစာမကျြနှာကိုသုံးပါလိမ့်မယ်ကားအဘယ်သို့ဒါပေမယ့်ဖောင်တချို့အကြောင်းပြချက်မရရှိနိုင်လျှင်, စာမျက်နှာ Times New Roman မှ fallback ပါလိမ့်မယ်။ က multi-စကားလုံးနာမည်ဖြစ်ပါတယ်ဘာဖြစ်လို့လဲဆိုတော့ကျနော်တို့ကို double quote တွေအတွက်ဖောင့်နာမကိုအမှီခိုင်ခံ့။ browser ကိုသူအပေါငျးတို့စကားဖောင်နာမကိုအမှီတက်အောင်သိတယ်ဒါကြောင့်ဂျော်ဂျီယာသို့မဟုတ် Arial နဲ့တူဖောင်အမည်များသည်, ကိုးကားမလိုအပ်ပါဘူးလူပျိုစကားလုံး, ဒါပေမယ့် Multi-စကားလုံး font ကိုအမည်ဖြင့်သူတို့ကိုလိုအပ်ပါတယ်။
သင် font ကို stack တစ်ခုအဆုံးကိုကြည့်လျှင်သင်ကနျြောတို့စကားလုံး "serif" နဲ့အဆုံးသတ်ကြောင်းသတိပြုမိသင့်ပါတယ်။ ဒါကယေဘုယျဖောင်မိသားစုနာမည်ဖြစ်ပါတယ်။ ပုဂ္ဂိုလ်တစ်ဦးကသူတို့ကွန်ပျူတာပေါ်မှာဂျော်ဂျီယာသို့မဟုတ် Times New Roman မရှိပါဘူးသောမဖြစ်နိုင်ဖြစ်ရပ်မှာတော့ဆိုက်တစ်ခုကိုရှာတွေ့နိုင်ကြောင်းသမျှ serif font ကိုအသုံးပွုရလိမ့်မယ်။ သငျသညျအနညျးဆုံးအပြောပြနိုင်ဘာဖြစ်လို့လဲဆိုတော့ဒီဆိုက်ကလိုလားသမျှဖောင့်မှ fallback ခွင့်ပြုမှပိုကောင်းတယ် site တစ်ခု၏ဒီဇိုင်းခြုံငုံကြည့်ခြင်းနှင့်သေံတတ်နိုင်သမျှနဂိုအတိုင်းဖြစ်လိမ့်မည်ဒါကြောင့်သုံးစွဲဖို့ font ကိုဘယ်လိုဖြစ်ပါတယ်။ မှန်ပါသည်, browser ကိုသင်တို့အဘို့တစ် font ကိုရွေးမည်, သို့သော်ဒီဇိုင်းအတွင်းအကောင်းဆုံးအလုပ်လုပ်မယ်ဆိုတာ font ကိုဘယ်လိုသိတယ်ဒါမှာအနည်းဆုံးသငျသညျလမ်းညွှန်မှုပေးလျက်ရှိသည်။
generic စာလုံးမိသားစုများ
CSS ကိုရရှိနိုင်အဆိုပါယေဘုယျ font ကိုနာမကိုအမှီနေသောခေါင်းစဉ်:
- Cursive
- စိတ်ကူးစိတ်ကမ်း
- monospace
- serif
- sans-serif
တစ်ခုလို့ဆိုရမှာပါ-serif, blackletter, Display, ရောင့်ဂီတနှင့်ထို့ထက် ပို. အပါအဝင်က်ဘ်ဆိုက်ဒီဇိုင်းနှင့်စာစီစာရိုက်အတွက်ရရှိနိုင်တခြားဖောင့်အမျိုးအစားခွဲခြားမှုရှိပါတယ်နေစဉ်, စာရင်းဝင်ယေဘုယျဖောင်အမည်များကိုအထက်ကဤ 5 သင်တို့သည် CSS ကိုတစ်ဦး font-stack ထဲမှာသုံးပါမယ်လို့သူများဖြစ်ကြသည်။ ဤအ font ကိုခွဲခြားမှုအတွက်ကွဲပြားခြားနားမှုဘာတွေလဲ? ရဲ့တစ်ကွညျ့ကွစို့!
လက်ရေးဆက်ဖောင့်ကိုမကြာခဏဖန်စီလက်ရေးစာသားအားပုံတူပွားဖို့ရည်ရွယ်သည်ဟုပါးလွှာ, မရနိုင်ပါဘူး letterforms ပါရှိပါတယ်။ ဤရွေ့ကားဖောင့်ကြောင့်သူတို့ရဲ့ပါးလွှာ, flowery အက္ခရာများ၏, ခန္ဓာကိုယ်မိတ္တူနဲ့တူအကြောင်းအရာကြီးမားပိတ်ပင်တားဆီးမှုများအတွက်သင့်လျော်သောမရှိကြပေ။ လက်ရေးဆက်ဖောင့်ကိုယေဘုယျခေါင်းစဉ်နှင့်ပိုကြီးတဲ့ဖောင့်အရွယ်အစားမှာပြနိုင်တိုတောင်းသောစာသားလိုအပ်ချက်များအတွက်အသုံးပြုကြသည်။
စိတ်ကူးယဉ်ဖောင့်ကိုတကယ်မဆိုအခြားအမျိုးအစားထဲသို့ကျကြဘူးသောအတန်ငယ်အရူးဖောင့်ကြသည်။ လူသိများတဲ့အမှတ်တံဆိပ်ပုံတူပွားကြောင်း fonts, အနာဂတ်ရုပ်ရှင်ဖို့ဟယ်ရီပေါ်တာသို့မဟုတ်သို့ပြန်သွားရန်ထံမှ letterforms ကဲ့သို့ဤအမြိုးအစားထဲသို့ကျလိမ့်မယ်။ သူတို့မကြာခဏဤအဖောင့်၌ရေးထားလျက်ရှိ၏စာသားရှည်ကျမ်းပိုဒ်ကိုဖတ်ရှုလုပ်ဖို့အများကြီးခက်လွန်းကြောင်းဒါကြောင့်မှတ်သားသိနိုင်ကြသည်ကတည်းကပြီးတာနဲ့နောက်တစ်ကြိမ်အဲဒီဖောင့်ကိုယျခန်ဓာ content များအတွက်သင့်လျော်သောမရှိကြပေ။
monospace ဖောင့်အပေါငျးတို့သ letterforms အညီအမျှအရွယ်အစားများမှာနှငျ့သငျဟောင်းလက်နှိပ်စက်ပေါ်မှာတွေ့ရှိခဲ့ပါတယ်မယ်လို့ကဲ့သို့ထွက်လှပတဲ့ဘယ်မှာသူများဖြစ်ကြ၏။ သူတို့ရဲ့အရွယ်အစားပေါ် မူတည်. အက္ခရာများများအတွက် variable ကို width ရှိသည်သောအခြားအဖောင့်နှင့်မတူဘဲ (ဥပမာ, တစ်ဦးမြို့တော် "W" ဟုစာလုံးအသေး "i" ထက်အများကြီးပိုတဲ့အခန်းကိုတက်ယူမယ်လို့), monospace စာလုံးတွေအားလုံးဇာတ်ကောင်များအတွက် width ကို fixed နေကြသည်။ သူတို့ကစာမျက်နှာပေါ်တွင်အခြားစာသားထက်ထင်ရှားစွာကွဲပြားခြားနားသောကိုကြည့်ဘာလို့လဲဆိုတော့ကုဒ်တစ်စာမျက်နှာပေါ်တွင်ပြသခံရသည့်အခါဤအဖောင့်ကိုမကြာခဏအသုံးပြုကြသည်။
serif ဖောပိုမိုလူကြိုက်များခွဲခြားမှု၏တဝတည်းဖြစ်ကြ၏။ ဤ letterforms အပေါ်နည်းနည်းပို ligatures ရှိသည်သောဖောင့်ကြသည်။ သူများသည်အပိုအပိုငျးပိုငျး "serif" ဟုခေါ်ကြသည်။ ဘုံ serif ဖောဂျော်ဂျီယာနှင့် Times New Roman ဖြစ်ကြသည်။ serif ဖောင့်ကိုစာသားနှင့်ခန္ဓာကိုယ်မိတ္တူ၏ရှည်လျားသောကျမ်းပိုဒ်ဦးတည်အဖြစ်ကောင်းစွာကဲ့သို့ကြီးမားသောစာသားကိုအတှကျအသုံးပွုနိုငျသညျ။
Sans-serif မှာကြည့်ရှုမည်နောက်ဆုံးခွဲခြားဖြစ်ပါတယ်။ ဤရွေ့ကားသူတို့အားဖျောပွ ligatures ရှိသည်မဟုတ်ကြဘူးကြောင်းဖောင့်ကြသည်။ အဆိုပါအမည် "serif မပါဘဲ" ကိုဆိုလိုသည်။ ဤကဏ္ဍတွင်လူကြိုက်များဖော Arial သို့မဟုတ် Helvetica ပါလိမ့်မယ်။ Serif နဲ့ဆင်တူ, sans-serif ဖောခေါင်းစဉ်အဖြစ်ခန္ဓာကိုယ်အကြောင်းအရာထဲမှာအညီအမျှကောင်းစွာသုံးနိုင်တယ်။
ဂျနီဖာ Krynin ခြင်းဖြင့်မူရင်းဆောင်းပါး။ 10/16/17 အပေါ်ဂျယ်ရမီ Girard တည်းဖြတ်