WOFF Web ကိုဖွင့်ပါဖောင့် Format ကို

Web ကိုစာမျက်နှာများပေါ်တွင်အကောက်ခွန် Fonts အသုံးပြုခြင်း

စာသားမ content တွေကိုအမြဲဝက်ဘ်ဆိုက်များ၏အရေးပါသောအပိုင်းအစခဲ့ပေမယ့် web ၏အစောပိုင်းကာလ၌ဒီဇိုင်နာများနှင့် developer များပြင်းထန်စွာထဲမှာကန့်သတ်ခဲ့ကြသည် သတ်ပုံထိန်းချုပ်မှု သူတို့ကွန်ရက်စာမျက်နှာတွေကျော်ရှိခဲ့ကြောင်း။ ဤသည်ကိုသူတို့ယုံကြည်စိတ်ချရသောသူတို့၏က်ဘ်ဆိုက်များပေါ်တွင်သုံးစွဲဖို့နိုငျခဲ့ကွသောဖောင့်အတွက်ကန့်သတ်ပါဝင်သည်။ သငျသညျဖွယ်ရှိအတိတ်တွင်ဖော်ပြခဲ့သောအသုံးအနှုန်း "ကို web လုံခြုံဖောင့်" စကားကိုသင်တို့ကြားရပြီ။ ဒါဟာသင် site ကိုသူတို့အားဖောင့်တစ်ဦးကိုသုံးလျှင်မူကား, အဲဒါကိုပုဂ္ဂိုလ်တစ်ဦးရဲ့ဘရောက်ဇာပေါ်တွင်မှန်ကန်စွာပြန်ဆိုမယ်လို့လုံခြုံလောင်းခဲ့ကြောင်းဆိုလိုတာကပုဂ္ဂိုလ်တစ်ဦးရဲ့ကွန်ပျူတာပေါ်မှာထည့်သွင်းခံရဖို့အလွန်အမင်းဖွယ်ရှိခဲ့ဖော၏အသေးငယ်တဲ့အစုကိုရညျညှနျး။

ယနေ့ကို web ပညာရှင်များအတွက် WOFF format တစ်ခုဖြစ်ပါတယ်တဦးတည်းသောနဲ့အတူလုပ်ကိုင်ဖို့အသစ်သောဖောင့်အမျိုးအစားရွေးချယ်မှုဟာ host ရှိသည်။

WOFF ကဘာလဲ?

WOFF အတိုကောက်အနေနဲ့အတိုကောက်ဖြစ်ပါတယ် "web ပွင့်လင်းစာလုံးစီစဉ်ဖွဲ့စည်းမှုပုံစံ။ " ဒါဟာ CSS ကို @ font-face နဲ့ပစ္စည်းဥစ္စာပိုင်ဆိုင်မှုနှင့်အတူအသုံးပြုမှုအတွက်စာလုံးတွေချုံ့ဖို့အသုံးပြုသည်။ သူတို့အားဖျောပွက်ဘ်ဆိုက်ဘေးကင်းလုံခြုံဖောင့်အချို့သော - ဒါဟာသင်ပုံမှန် "Arial, Times New Roman, ဂျော်ဂျီယာ" ကျော်လွန်အထူးပြုဖောင့်ကိုသုံးနိုင်သည်နိုင်အောင်ကို web စာမျက်နှာများတွင်ဖော embed လုပ်ဖို့တစ်လမ်းဖြစ်၏။

WOFF ဝဘ်စာမျက်နှာအဘို့အဖောင့်ထုတ်ပိုးများအတွက်စံအဖြစ် W3C မှတင်သွင်းခဲ့ခြင်းဖြစ်သည်။ ဒီနေ့အမှန်တကယ်နီးပါး 30% အားဖြင့် format ကို၏ပထမ version ကိုကနေချုံ့တိုးတက်ရာ WOFF 2.0 ရှိသည်နိုဝင်ဘာလ 16, 2010 အပေါ်တစ်ဦးအလုပ်လုပ်မူကြမ်းဒါဟာဖြစ်လာခဲ့သည်။ အချို့ကိစ္စများတွင်ဤငွေစု ပို. ပင် substanial ဖြစ်နိုငျပါသညျ!

အဘယ်ကြောင့်အသုံးပြုမှု WOFF?

အဆိုပါ WOFF ပုံစံကနေတဆင့်ကယ်နှုတ်သောသူတို့အားအပါအဝင်က်ဘ်ဖောင့်, အခြားဖောင့်ရွေးချယ်မှုအပေါ်အားသာချက်တွေအများကြီးပေး။ သူများက web လုံခြုံဖောင့်ခဲ့ကြပါပြီ, ငါတို့အလုပ်ရှိသူတို့ဖောင့်အဘို့အရာအရပျနေဆဲဆက်ဆက်ရှိသည်အတိုင်း, ဒါ့အပြင်ကျွန်တော်တို့ရဲ့ရွေးချယ်မှုတိုးချဲ့ရန်နှင့်ကျွန်ုပ်တို့၏သတ်ပုံ options များဖွင့်ဖို့ကောင်းတဲ့အဖြစ်အသုံးဝင်သည်။

WOFF ဖောင့်ကိုအောက်ပါအကျိုးကျေးဇူးများကိုရှိသည်:

• သူတို့ကပုံရိပ်တွေအဖြစ်စာလုံးတွေထက်ပိုလက်လှမ်းဖြစ်ကြသည်။ သငျသညျပုံရိပ်တွေဘို့ခွင့်ပြုမည်မဟုတ်ကြောင်းရယူသုံးရေးနှင့်ဒီဇိုင်းထိန်းချုပ်မှုပေးခြင်း CSS နဲ့ WOFF စတိုင်များလွင်ပြင်က HTML စာသား, ။
• WOFF ဖိုင်တွေ Contextual ပုံစံများနှင့်အဟောင်းစတိုင်ကိန်းဂဏန်းများတူသောသတ်ပုံသတင်းအချက်အလက်များပါဝင်သည်။ သငျသညျမဟုတျဘဲပဲခန့်မှန်းခြေအားဖြင့်မှန်ကန်သောဇာတ်ကောင်အသုံးပြုနေသည်ဘာဖြစ်လို့လဲဆိုတော့ဒါကသင်၏ဝဘ်စာမျက်နှာများကိုပိုကောင်းစာစီစာရိုက်ပေးသည်။

• သင်သည်အခြားဘာသာစကားများကနေဇာတ်ကောင်တွေနဲ့ဖောင့်တွေကို embed နိုငျသောကွောငျ့ WOFF ဖောင့်ကို internationalization နှင့်အတူကူညီနိုင်သည်။
• အားလုံး CSS ကို style အမျိုးမျိုးကိုစာသားလိုပဲ WOFF နှင့်အတူ style အမျိုးမျိုးဖောင့်ကိုပိုမို search engine ကိုဖော်ရွေဖြစ်ကြသည်။ search engines ပုံတစ်ပုံအတွက် embedded စာသားကို "ကိုကြည့်ပါ" နှင့် ALT စာသားကိုကူညီပေးနိုင်ပါသည်စဉ်ပါဘူး, စာသားသူ့ဟာသူအဘို့အဘယ်သူမျှမအစားထိုးလည်းမရှိ။
• WOFF ဖောချုံ့ရှိပါတယ်, ဒါကြောင့်သူတို့ကဖောင့်ဖိုင်တွေကိုအခြားအမျိုးအစားများထက်သေးငယ်ကြသည်။ ဤ site ကို download အမြန်နှုန်းနှင့်ခြုံငုံစွမ်းဆောင်ရည်နှင့်အတူကူညီပေးပါမည်။
• သငျသညျ WOFF ဖိုင်တွေအဖြစ်သင့်ကော်ပိုရိတ်ဖောင့်မြှုပ်ထားခြင်းအားဖြင့်သင့်ရဲ့အမှတ်တံဆိပ်ဝိသေသလက္ခဏာထိန်းသိမ်း WOFF ဖိုင်တွေကိုသုံးနိုင်သည်။

WOFF Browser ကိုပံ့ပိုးမှု

WOFF အပါအဝင်ခေတ်မီ browser များအတွက်အလွန်အစွမ်းထက်တဲ့ browser ကိုထောက်ခံမှုရှိပါတယ်:

• Chrome ကို 6+
• Firefox ကို 3.6+
• Internet Explorer ကို 9+
• အော်ပရာ 11.1+
• Safari က 5.1+

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

WOFF Fonts အသုံးပြုနည်းကိုဘယ်လို

တစ်ဦး WOFF file ကိုသုံးစွဲဖို့အလို့ငှာ, သငျသညျ, သင့် web server သို့တစ် WOFF file ကို upload တင်ကတော့ @ font-face နဲ့ပစ္စည်းဥစ္စာပိုင်ဆိုင်မှုနှင့်အတူကနာမည်တစ်ခုပေး, ပြီးတော့သင့်ရဲ့ CSS ကိုအတွက်ဖောင့်ကိုခေါ်ဖို့လိုသည်။ ဥပမာ:

1. ဝဘ်ဆာဗာ၏ / fonts directory မှ myWoffFont.woff လို့ခေါ်တဲ့ font ကို Upload လုပ်ပါ။
2. သင့်ရဲ့ CSS ကိုဖိုင်တစ် @ font-face နဲ့အပိုင်း add:

   @ font-face နဲ့ {
   font-family: myWoffFont;
   src: url ( '/ ဖောင့် / myWoffFont.woff') ပုံစံ ( 'woff');
   }

1. သင်တို့ကဲ့သို့, သင့် CSS ကို font ကို stack မှအခြားမည်သည့်ဖောင့်အမည်ဖြင့်သစ်ကို font ကိုအမည်အား (myWoffFont) လိမ့်မယ် Add:

   p {
   font-family: myWoffFont, ဂျီနီဗာ, Arial, Helvetica, sans-serif;
   }

WOFF Fonts Get ဖို့အဘယ်မှာရှိ

သငျသညျစီးပွားရေးနှင့် Non-စီးပွားဖြစ်အသုံးပြုခြင်းကိုအခမဲ့ဖြစ်ကြောင်း WOFF စာလုံးတွေအများကြီးရှာတှေ့နိုငျကွီးနှစျသောနေရာများရှိပါသည်:

• ပွင့်လင်းစာလုံးစာကြည့်တိုက်
• font Squirrel

သင်တစ်ဦး WOFF format နဲ့မရရှိနိုင်မယ့်ဖောင့်ကိုအသုံးပြုရန်အတွက်လိုင်စင်ရှိပါက, သင်သည်သင်၏ဖောင်ဖိုင်တွေ WOFF ဖိုင်တွေသို့ပြောင်းစာလုံး Squirrel မှာကဲ့သို့ WOFF ဖန်တီးသူကိုသုံးနိုင်သည်။ သငျသညျ WOFF ရန်သင့် TrueType / OpenType ဖောင့်ပြောင်းပါ Macintosh နဲ့ Windows ပေါ်မှာသုံးနိုငျကွောငျးကို sfnt2woff လို့ခေါ်တဲ့ Command-line tool ကိုလည်းရှိပါသည်။

သင်၏ system ဖို့ binary သင့်လျော်သော Download နှင့် command line က (သို့မဟုတ် Terminal) မှာ run နှင့်ညွှန်ကြားချက်များကိုလိုက်နာပါ။

WOFF ဥပမာ

HTML5 ကိုအပေါ် WOFF စာမျက်နှာ 24 နာရီအတွင်း: ဤတွင် WOFF ဖိုင်များကိုအနည်းငယ်ဥပမာဖြစ်ကြသည်။

ဂျနီဖာ Krynin ခြင်းဖြင့်မူရင်းဆောင်းပါး။ 7/11/17 အပေါ်ဂျယ်ရမီ Girard တည်းဖြတ်