အဆိုပါ font-family အိမ်ခြံမြေများ၏ Syntax
သတ်ပုံဒီဇိုင်းကို အောင်မြင်တဲ့က်ဘ်ဆိုက်ဒီဇိုင်းကိုတစ်ဦးပြင်းထန်စွာအရေးကြီးသောအပိုင်းအစဖြစ်ပါတယ်။ ကြောင်းစာသားကိုနှင့်အတူဆိုဒ်များ Creating ဖတ်ရှုဖို့လွယ်ကူပြီးအကြီးအကြည့်ရာ တိုင်းကို web design ကိုပရော်ဖက်ရှင်နယ်များ၏ပန်းတိုင်များဖြစ်ပါသည်။ ဒီအောင်မြင်ရန်သင်သင်၏ဝဘ်စာမျက်နှာများပေါ်တွင်သုံးစွဲဖို့ဆန္ဒရှိသောတိကျတဲ့ဖောင့်ကိုသတ်မှတ်နိုင်ပါလိမ့်ရန်လိုအပ်မည်။ သင်၏ Web စာရွက်စာတမ်းများပေါ်တွင် typeface သို့မဟုတ်ဖောင်မိသားစုသတ်မှတ်သင့် CSS ကိုအတွက် font-မိသားစုစတိုင် property ကိုသုံးပါလိမ့်မယ်။
သင်အသုံးပြုနိုင်ကြောင်းအဆိုပါအရိုးရှင်းဆုံးဥပမာ font-family စတိုင်ရုံတစျခုဖောင်မိသားစုပါဝငျမညျ:
p {font-family: Arial; }သင်တစ်ဦးစာမကျြနှာကဒီစတိုင်လျှောက်ထားလျှင်, အပိုဒ်၏အပေါငျးတို့သ "Arial" font ကိုမိသားစုထဲမှာဖော်ပြပါတယ်မည်ဖြစ်သည်။ ဒီအသည်ကြီးနှင့် "Arial" ကတည်းကကွန်ပျူတာက installed ရှိသည်မယ်လို့ (အားလုံးမဟုတ်လျှင်), သင်သည်သင်၏စာမျက်နှာရည်ရွယ်ဖောင်အတွက်ပြသလိမ့်မည်ဟု သိ. တော်တော်လေးလွယ်လွယ်ကူကူငြိမ်ဝပ်စွာနေနိုင်ပါတယ်အများဆုံးဆိုလိုတာက a "က Web-လုံခြုံဖောင်" အဖြစ်လူသိများသည်ကားအဘယ်သို့ ။
သင်ရွေးချယ်ထားသည့်ဖောင့်ကိုတွေ့ရနိုင်မှာမဟုတ်ဘူးလျှင်ဒီတော့ဘာဖြစ်သွားမလဲ သင်တစ်ဦးစာမျက်နှာပေါ်တွင်တစ်ဦး "ကို web လုံခြုံ font ကို" ကိုမသုံးကြပါလျှင်၎င်းတို့သည်ကြောင်းဖောင်ရှိသည်မဟုတ်ကြဘူးတယ်ဆိုရင်ဥပမာ, အသုံးပြုသူအေးဂျင့်ဘာလုပ်သလဲ, သူတို့ကတစ်ဦးအစားထိုးပါစေ။
ဒါဟာအချို့အလွန်ရယ်စရာရှာဖွေနေစာမျက်နှာများတွင်ဖြစ်ပေါ်နိုင်ပါတယ်။ ကျွန်ုပ်၏ကွန်ပျူတာဆော့ဖ်ဝဲရေးသားသူသတ်မှတ်ထားသောဖူးသောစာလုံးရှိသည်မဟုတ်ခဲ့ပါ, ငါ့ဘရောက်ဇာက font အဘယ်အရာကိုတစ်ဦးအလွန်ဆင်းရဲရွေးချယ်မှုလုပ်ဘာဖြစ်လို့လဲဆိုတော့တစ်ခါတုန်းကငါ့အကွန်ပျူတာ "Wingdings" (icon တစ်ခု-set ကို) တွင်လုံးဝပြုလုပ်ပြသတဲ့စာမျက်နှာမယ်လို့သွားလေ၏ တစ်ဦးကိုအစားထိုးအဖြစ်အသုံးပြုပါ။ အဆိုပါစာမျက်နှာကိုငါ့အဘို့လုံးဝဖတ်လို့မရအောင်ပဲ! တစ်ဦး font ကို stack ကစားသို့ကြွလာနေရာအရပ်ဖြစ်၏။
တစ်ဦးစာလုံး Stack တစ်ကော်မာနှင့်အတူသီးခြားအကွိမျမြားစှာဖောင့်မိသားစုများ
တစ်ဦးက "font ကို stack" သင်သည်သင်၏စာမျက်နှာအသုံးပြုချင်ကြောင်းဖောင့်စာရင်းတစ်ခုဖြစ်ပါတယ်။ သင်သည်သင်၏ preference ကို၏အမိန့်၌သင်တို့၏ဖောင်ရွေးချယ်မှုဝတ်နှင့်တစ်ဦးကော်မာနှင့်အတူတစ်ဦးချင်းစီခွဲထုတ်မယ်။ browser ကိုစာရင်းပေါ်ပထမဦးဆုံးစာလုံးမိသားစုရှိသည်မဟုတ်ပါဘူးဆိုရင်အဲဒါကိုစနစ်အပေါ်ရှိပါတယ်တဦးတည်းမတွေ့မှီတိုင်အောင်, ကဒါရက်တွင်ဒုတိယနှင့်ထို့နောက်တတိယကြိုးစားပါလိမ့်မယ်။
font-family: Pussycat, အယ်လ်ဂျီးရီးယား, Broadway;အခြားဖောင့်အဘယ်သူအားမျှတွေ့ရှိခဲ့သည်လျှင်အထက်ပါဥပမာထဲမှာ, browser ကိုပထမဦးဆုံးပြီးနောက် "ဘရော့ဒ်ဝေး" က "Pussycat" font ကို, ထို့နောက် "အယ်လ်ဂျီးရီးယား" ကိုရှာပါလိမ့်မယ်။ ဒါဟာသင့်ကိုရှေးခယျြဖောင့်အနည်းဆုံးတဦးတည်းကိုအသုံးပြုလိမ့်မည်တဲ့အခွင့်အလမ်းပိုပေးသည်။ ဒါဟာကျနော်တို့ သာ. ငါတို့သည်ငါတို့၏ font ကို stack (အပေါ်ကိုဖတ်ရှု!) မှထည့်သွင်းနိုင်ပါတယ်ရှိသည်ဟုအဘယ်ကြောင့်ဖြစ်သော, မစုံလဖြစ်ပါတယ်။
Generic Fonts နောက်ဆုံးသုံးပါ
ဒါကြောင့်သင်ကဖောင့်စာရင်းတစ်ခုနှင့်အတူတစ် font ကို stack ဖန်တီးနေဆဲ browser ကိုရှာတှေ့နိုငျသောအဘယ်သူမျှမရှိနိုင်ပါသည်။ သငျသညျသိသာ browser ကိုဆင်းရဲသားအစားထိုးရှေးခယျြမှုစေသည်လျှင်သင့်စာမျက်နှာဖတ်လို့မရအောင်အထိကိုပြသချင်ကြပါဘူး။ ကံကောင်းတာက CSS ကိုလည်းဒီအဖြေတစ်ခုရှိပါတယ်: ယေဘုယျဖောင့် ။
သင်အမြဲတစ်ယေဘုယျဖောင်နှင့်အတူ (ကတဦးတည်းမိသားစုသို့မဟုတ်တစ်ခုတည်းသောက်ဘ်ဆိုက်ဘေးကင်းလုံခြုံဖောင့်စာရင်းတစ်ခုဖွင့်လျှင်ပင်) သင့် font ကိုစာရင်းအဆုံးသတ်သင့်ပါတယ်။ သင်အသုံးပြုနိုင်သောငါးရှိပါတယ်:
- Cursive
- စိတ်ကူးစိတ်ကမ်း
- monospace
- sans-serif
- serif
အဆိုပါနှစ်ဦးကိုအထက်ဥပမာဖို့အတွက်ပြောင်းလဲစေခြင်းငှါ:
font-family: Arial, sans-serif; font-family: Pussycat, အယ်လ်ဂျီးရီးယား, ဘရော့ဒ်ဝေး, စိတ်ကူးယဉ်;တချို့ကစာလုံးမိသားစုအမည်များကိုနှစ်ဦးဒါမှမဟုတ်နောက်ထပ်စကားများမှာ
သင်အသုံးပြုလိုသောဖောင်မိသားစုတစ်ခုထက် ပို. စကားလုံးဖြစ်ပါတယ်လျှင်, သငျသညျကို double-ကိုးကားအမှတ်အသားများနှင့်အတူကဝန်းရံသင့်ပါတယ်။ အခြို့သော browser များအတွက်ကိုးကားအမှတ်မပါဘဲဖောင်မိသားစုများဖတ်နိုင်ချိန်တွင်ကြားနေရာလွတ်သိပ်သည်းသို့မဟုတ်လျစ်လျူရှုလျှင်, ပြဿနာများကိုရှိပေမည်။
font-family: "Times New Roman", serif;ဒီဥပမာထဲမှာ, သငျသညျ Multi-နှုတ်ကပတ်တည်းဟူသော font ကိုအမည် "Times New Roman", ကိုးကားရှုကြောင်း။ မြင်နိုင်ပါသည် ဒီတစ်ခု-စကားလုံးအမည်များနှင့်အတူအားလုံးသုံးကွဲပြားခြားနားသောဖောင့်မှဆန့်ကျင်တဲ့အတိုင်းဒီစကားများအားလုံးသုံးကြောင်း font ကိုနာမတျော၏အစိတ်အပိုင်းတစ်ခုဖြစ်ကြောင်း browser ကိုပြောပြသည်။
ဂျနီဖာ Krynin ခြင်းဖြင့်မူရင်းဆောင်းပါး။ ဂျယ်ရမီ Girard အားဖြင့် 12/2/16 အပေါ် edited