ကဝက်ဘ်ဆိုဒ်များမှရောက်လာသောအခါပုံရိပ်တွေကိုချစ်ကြသည်ဟုအများကြီးရပေမယ့်, ကအယူခံအင်ဂျင်ရှာဖွေသောကျမ်းစာ၌ရေးထားစကားလုံးဖြစ်ပြီးအများဆုံးက်ဘ်ဆိုက်များတွင်ပါဝင်သောအကြောင်းအရာများကိုထွက်သယ်ဆောင်။ ထိုကဲ့သို့သောအဖြစ်, သတ်ပုံဒီဇိုင်းက်ဘ်ဆိုက်ဒီဇိုင်းကိုတစ်ဦးပြင်းထန်စွာအရေးကြီးသောအစိတ်အပိုင်းဖြစ်သည်။ site တစ်ခု၏စာသားကို၏အရေးပါမှုနှင့်အတူကောငျးကြည့်ဖို့နဲ့ဖတ်ရှုဖို့လွယ်ကူပါတယ်ကြောင်းသေချာစေရန်လိုအပ်ကြောင်းလာသည်။ ဤသည်ပုံစံ (Cascading Style Sheet များ) CSS နဲ့ပြုမိသည်။
သင်တစ်ဦးက်ဘ်ဆိုက်ရဲ့စာသားကိုအကြောင်းအရာ၏အသွင်အပြင် dictate ဖို့လိုတဲ့အခါခေတ်သစ်ကို web design ကိုစံပြီးနောက်, သင် CSS ကိုသုံးပြီးဒါပြုလိမ့်မည်။ ဒါကစာမျက်နှာ၏ HTML ကိုဖွဲ့စည်းပုံမှာမှ CSS ကိုစတိုင်ခွဲခြား။ သင် "Arial" ကိုစာမျက်နှာ၏ font ကိုမသတ်မှတ်ချင်တယ်ဆိုရင်ဥပမာတစ်ခုအဖြစ်, သင်သည်သင်၏ CSS ကိုမှအောက်ပါအချက်များကိုစတိုင်အုပ်ချုပ်မှုကိုထည့်သွင်းခြင်းဖြင့်အဲဒီလိုနိုင် (သတိပြုပါ - ဤဖွယ်ရှိကြောင်းအာဏာစတိုင်များပြင်ပ CSS ကိုစတိုင်စာရွက်၌ပြစ်မှားမိလိမ့်မယ်လို့ ) ကို website တွင်တိုင်းစာမျက်နှာ:
ခန္ဓာကိုယ် {font-family: Arial; }ဒါကစာလုံးကို "ခန္ဓာကိုယ်" မဘို့ရာခန့်သည်ဒါ CSS ကိုအဆငျ့ဆငျ့စာမျက်နှာ၌ရှိသမျှသောအခြားဒြပ်စင်ဖို့စတိုင်လျှောက်ထားပါလိမ့်မယ်။ ဒီအတိုင်းအခြား HTML element က "ခန္ဓာကိုယ်" ဒြပ်စင်၏ကလေးတစ်ဦးဖြစ်သောကြောင့်, font ကိုမိသားစုသို့မဟုတ်အရောင်နဲ့တူ CSS ကိုစတိုင်များထိုသူငယ်ဒြပ်စင်မှမိဘများထံမှတစ်ခုထဲဖြစ်သွားပါလိမ့်မယ်ဖြစ်ပါတယ်။ တစ်ဦးထက်ပိုတိကျတဲ့စတိုင်အချို့သောဒြပ်စင်အဘို့အဆက်ပြောသည်ဖြစ်ပါတယ်မဟုတ်လျှင်ဒါကအမှုဖြစ်လိမ့်မည်။ ဒီ CSS နဲ့တစ်ခုတည်းသောပြဿနာတစ်ခုသာတစ်ခုတည်းသောဖောင်သတ်မှတ်ထားသောကြောင်းဖြစ်ပါတယ်။ ကြောင်းစာလုံးတချို့အကြောင်းပြချက်မတွေ့ရှိနိုင်ပေလျှင်, browser ကို၎င်း၏အရပ်ဌာန၌အခြားအစားထိုးပါလိမ့်မယ်။ browser ကိုသင်တို့အဘို့ကိုရွေးပါလိမ့်မယ်, သင်ကသုံးစွဲဖို့ဆုံးဖြတ်လိုက်ပါတယ်သောအရာကိုကြိုက်နှစ်သက်မပြုစေခြင်းငှါ - သင်အသုံးပြုသည်အဘယ်အရာကို font ကိုကျော်မျှထိန်းချုပ်မှုရှိသည်ကြောင့်ဤသည်ဆိုးရွားပါ! တစ်ဦး font ကို stack ထဲမှာလာဘယ်မှာဖြစ်ပါတယ်။
တစ်ဦးက font ကို stack အဆိုပါ CSS ကို font-family ကြေငြာအတွက်ဖောင့်စာရင်းတစ်ခုဖြစ်ပါတယ်။ စာလုံးသူတို့ကိုသင် loading မဖောင့်နဲ့တူနေတဲ့ပြဿနာရဲ့အမှု၌ site ပေါ်တွင်ပေါ်လာဖို့လို preference ကို၏နိုင်ရန်အတွက်စာရင်းသွင်းဖော်ပြထားပါသည်။ တစ်ဦးက font ကို stack ကွန်ပျူတာသင်တို့အဘို့အခေါ်ကနဦးဖောင်ရှိသည်ပါဘူးလျှင်ပင်ဝဘ်စာမျက်နှာပေါ်တွင်စာလုံး၏အသွင်အပြင်ကိုထိန်းချုပ်မယ့်ဒီဇိုင်နာခွင့်ပြုပါတယ်။
ဒါကြောင့်ဘယ်လို font ကို stack ကိုကြည့်သလဲ, ဒီနေရာတွင်ဥပမာတစ်ခုဖြစ်ပါသည်:
ခန္ဓာကိုယ် {font-family: ဂျော်ဂျီယာ, "Times New Roman", serif; }ဒီနေရာမှာသတိထားမိဖို့အနည်းငယ်သောအရာတို့ကိုရှိပါသည်။
ပထမဦးစွာသင်ကျွန်တော်တစ်ဦးကော်မာနှင့်အတူကွဲပြားခြားနားသောဖောင့်အမည်များကိုကွဲကွာသိမြင်ပါလိမ့်မယ်။ သငျသညျချင်ပါတယ်အဖြစ်တစ်ဦးချင်းစီတဦးတည်းအကြားကိုသင်နေသမျှကာလပတ်လုံးသူတို့တစ်တွေကော်မာများကကွဲကွာနေကြအဖြစ်အဖြစ်အများအပြားဖောင့်ထည့်သွင်းနိုင်ပါတယ်။ အဆိုပါ browser ကိုပထမဦးဆုံးသတ်မှတ်ထားသောပထမဦးဆုံးစာလုံးကို load ဖို့ကြိုးစားပါလိမ့်မယ်။ ကြောင်းပျက်ကွက်ခဲ့လျှင်အဲဒါကိုသုံးနိုငျတမတွေ့မှီတိုင်အောင်, ကတစ်ဦးချင်းစီစာလုံးကြိုးစားနေမျဉ်းကိုဆင်းပြေးပါလိမ့်မယ်။ Browser ကိုစာမျက်နှာပေါ်တွင်သတ်မှတ်ထားသောစာလုံးအဘို့သင့်ကွန်ပျူတာပေါ်ရှိကြည့်, ဒီတော့ဆိုက်အမှန်တကယ်ပြောပြနေသည် - ဒီဥပမာမှာကျနော်တို့ကဆိုဒ် (မှတ်ချက်သွားရောက်လည်ပတ်သူကို web လုံခြုံစာလုံးတွေသုံးပြီးနှင့် "ဂျော်ဂျီယာ" ဖွယ်ရှိလူတစ်ဦးရဲ့ကွန်ပျူတာပေါ်မှာရှာတွေ့လိမ့်မည်ဖြစ်ကြောင်း သင့်ရဲ့ system ထဲကနေ load မှ fonts သောကွန်ပျူတာ) ။ font ကိုမတွေ့ရှိခဲ့ခြင်းဖြစ်သည်က stack ဆင်းရွှေ့ခြင်းနှင့်သတ်မှတ်ထားသောလာမည့် font ကိုကြိုးစားကြလိမ့်မည်ဟုအချို့သောအကြောင်းပြချက်များအတွက်ပါ။
ကြောင်းလာမယ့်ဖောင်၏စည်းကမ်းချက်များ၌က stack ထဲမှာတိကျမ်းစာ၌လာသည်ကားကိုဘယ်လိုသတိထားမိ။ "Times New Roman" ၏အမည်, နှစ်ဆကိုးကားရှုဖြစ်ပါတယ်။ ယင်းဖောင့်နာမကိုအမှီမျိုးစုံစကားလုံးများကိုရှိပါတယ်လို့ဖြစ်ပါတယ်။ browser ကိုအဲဒီစကားရှိသမျှတို့ကိုတပါးတည်း font ကိုနာမတျော၏အစိတ်အပိုင်းတစ်ခုဖြစ်ကြောင်းသိတယ်ဒါကြောင့်တစ်ဦးထက်ပိုစကားလုံး (စသည်တို့ကို Trebuchet MS, Courier New ကို) နှင့်အတူမည်သည့်ဖောင့်အမည်များကို double quote တွေအတွက်နာမကိုအမှီရှိရမည်။
နောက်ဆုံးအနေနဲ့ကျွန်တော်တစ်ဦးယေဘုယျ font ကိုခွဲခြားဖြစ်သော "serif" အတူ font ကို stack အဆုံးသတ်ရတတ်ပါတယ်။ သင်သည်သင်၏ stack ထဲမှာအမည်ရှိထားသောဖောငျ့အဘယ်သူအားမျှမရရှိနိုင်သောမဖြစ်နိုင်ဥပမာအားဖြင့်ခုနှစ်, browser ကိုအစားကိုယ့်ကိုအနည်းဆုံးသင်တို့ကိုရွေးကောက်သသောသင့်လျော်ခွဲခြားသို့ကျရောက်မယ့် font ကိုတွေ့လိမ့်မည်။ ဥပမာအားဖြင့်တစ်ဦးဝန်ပြဿနာရှိလျှင် "sans-serif" ၏ခွဲခြားအတူ font ကို stack အဆုံးသတ်ရေးမှာအနည်းဆုံးကြောင်းခြုံငုံမိသားစုထဲမှာ font ကိုစောင့်ရှောက်မည်ထက်သင်, Arial နှင့် Verdana တူသော sans-serif ဖောင့်ကိုအသုံးပြုနေလျှင်။ ဝန်ခံရမည်, တက Browser ကို stack ထဲမှာစာရင်းစာလုံးတွေမဆိုရှာပြီးအစားဒီယေဘုယျခွဲခြားသုံးစွဲဖို့ရှိသည်မဟုတ်နိုင်သည်ကိုအလွန်ရှားပါးဖြစ်သင့်သောကြောင့်မယ့်နှစ်ထပ်ကွမ်းလုံခြုံဖြစ်ဘာပဲဖြစ်ဖြစ်ဒါဟာပါဝင်သည်ရန်အကောင်းဆုံးအလေ့အကျင့်ဖြစ်ပါတယ်။
font stack နဲ့ Web Fonts
များစွာသော website တွေမှာဖြစ်စေ (စသည်တို့ကိုဆိုက်ရဲ့ပုံများ, Javascript ကိုဖိုင်ကဲ့သို့) အခြားအရင်းအမြစ်များကိုအတူလျှောက် site ပေါ်တွင်ထည့်သွင်းသို့မဟုတ် Google Fonts သို့မဟုတ် Typekit ကဲ့သို့ပြင်ပဖောင်တည်နေရာမှာဆက်စပ်ဖြစ်ကြောင်းယနေ့အသုံးပြုမှုကို web ဖောင့်။ သင်ဖိုင်များကိုသူတို့ကိုယ်သူတို့ချိတ်ဆက်နေကြသည်ကတည်းကထိုအဖောင့်ကို load သင့်ပါတယ်နေစဉ်, သင်ဆဲသငျသညျပျေါပေါကျစခွေငျးငှါမညျသညျ့ဆိုင်ရာကိစ္စရပ်များအပေါ်အချို့သောထိန်းချုပ်မှုရှိသည်သေချာစေရန်တစ်ဦး font ကို stack အသုံးပြုချင်။ တူညီတဲ့အရာတစ်စုံတစ်ဦးရဲ့ကွန်ပျူတာပေါ်မှာဖြစ်သင့်ကြောင်း "ကို web အန္တရာယ်ကင်း" ဖောင့်အဘို့အသွား (Arial, Verdana, ဂျော်ဂျီယာနှင့် Times New Roman အပါအဝင်ကျနော်တို့ဒီဆောင်းပါးမှာပါဥပမာအဖြစ်အသုံးပြုထားသောဖောင့်, ဖြစ်သင့်သောသူအပေါင်းတို့ကို web လုံခြုံဖောဖြစ်ကြောင်းသတိပြုပါ ) ပုဂ္ဂိုလ်တစ်ဦးရဲ့ကွန်ပျူတာပေါ်မှာ။ ပျောက်ဆုံးလျက်ရှိတဲ့ဖောင့်များ၏ဖြစ်နိုင်ခြေအလွန်နိမ့်သော်လည်းတစ်ဦး font ကို stack သတ်မှတ်ခြင်း bulletproof ကူညီပေးပါမည် site တစ်ခု၏သတ်ပုံဒီဇိုင်းကို တတ်နိုင်သမျှ။
ဂျနီဖာ Krynin ခြင်းဖြင့်မူရင်းဆောင်းပါး။ 8/9/17 အပေါ်ဂျယ်ရမီ Girard တည်းဖြတ်