ဆိပ္ျဖဴသားေလး (နည္းပညာ): Blogger တွင် ZawGyi နှင်. Unicode Font များကို Embed လုပ်နည်း( ရှယ်နည်းလေးပါ)

Blogger တွင် ZawGyi နှင်. Unicode Font များကို Embed လုပ်နည်း( ရှယ်နည်းလေးပါ)
မင်္ဂလာပါနော် သည်နေ့ ရေးဖြစ်တာလေးကတော့ ဖုန်းတွေမှာ မြန်မာစာ မှရိတောင် ကျွန်တော်
တို့ဘလော့မှာ ဝင်တာနဲ့ မြန်မာစာမြင်နိုင်မယ့် နည်းလမ်းကောင်းလေးပါဘဲ.. သည်နည်းလေးကိုတော့
ပထမ ကုဒ်နမူနာပြသလမ်းညွှန်ပေးထားသော ကို မိုးသကြား နဲ့ ကိုမြင့်မင်းစိုး တို့အား
ကျေးဇူးတင်ရှိပါကြောင်း
Mobile အတော်များများတွင် မြန်မာဖောင်.သွင်းလို.ရသော်လည်း အချို.ဖုန်းများ/Jailbreak မရသေးသော
IOS User တို.အတွက် မိမိ တို.၏ ဆိုဒ် ကိုဝင်ရောက်.ကြည်.ရှုရန် အခက်အခဲးတွေရပါလိမ်မည်။ဒီနေ.
ကျွန်တော်. ဆိုဒ် ကို ပြုု.ပြင်ရင်း ဘလော့ကာ ညီအကို အချို.လုပ်ထားသောနည်းလမ်းကို
စမ်းကြည့်လိုက်ရာ အောင်မြင်သွားသဖြင်. မသိသောသော ဘလော. ပိုင်ရှင်ဘော်ဘော် တို.အတွက်
ပြန်ရှယ်ပေးလိုက်ပါတယ်……ထည်.သွင်းလိုပါက အောက်မှာဆက်ဖတ်ပေးပါ ခင်ဗျ။
အသုံးပြုရန် ကုဒ်များ
မြန်မာ Unicode Font ကို သွင်းချင်ပါက အောက်က Code ကိုသုံးပါ။
@font-face {
font-family:’MON3 Anonta 1′;
src:local(‘MON3 Anonta 1’),url(‘http://mmwebfonts.comquas.com/fonts/mon3.ttf’);
}
body,html,p,code,*,table,td,tr,span,div,a,ul,li,input,textarea{font-family:’MON3 Anonta 1′!important;}
မှတ်ချက် ။ ။ မြန်မာ ယူနီ ကုဒ်ထည့်သွင်းပါက မိမိဘလော့မှာ စာလုံးတွေ
ကမောက်ကမ ဖြစ်နေပါမည်…ပြင်ဆင်ဖို့လိုပါမည်… ကျွန်တော်ကတော့ Zawgyi Font
ကိုဘဲသွင်းပါသည်။
မြန်မာ Zawgyi Font ကို သွင်းချင်ပါက အောက်က Code ကိုသုံးပါ။
@font-face {
font-family:’Zawgyi-One’;
src:local(‘Zawgyi-One’),url(‘http://mmwebfonts.comquas.com/fonts/zawgyi.ttf’);
}
body,html,p,code,*,table,td,tr,span,div,a,ul,li,input,textarea{font-family:’Zawgyi-One’!important;}
Blogger တွင်မိမိတို.သွင်းလိုသော blog ၏ template ကို နှိပ်လိုက်ပါ။
မိမိတို့ လုပ်လိုသော ဘလော့ရဲ့ Template ကိုဝင်လိုက်ပါနော် ပု့လေးတွေနဲ့ တဆင့်ဆီ သွားပြပါ့မယ်..
ရောက်တာနဲ့ Customise ဆိုတာလေးကိုကလစ်ပေးလိုက်ပါ..
အိုကေ ဘယ်ဘက်တန်းထဲက Advance ဆိုတာကိုဆက်ကလစ်ပေးလိုက်ပါ။
အိုကေ scorrl ဘားလေးဆွဲချလိုက်ပါ အောက်ဆုံးက Add CSS ဆိုတာကိုကလစ်ပေးပါ။
အထဲမယ် ကုဒ်ဒင်းတွေတွေ့နိုင်ပါလိမ့်မယ် အဲကုဒ်တွေရဲ့ အောက်ကနေ အပေါ်က ကူးလာသော
Union Code (သို့) zawgyi one ကုဒ်ကို ထည့်ပေးနိုင်ပါတယ်…
၂.. ခုစလုံးထည့်လိုပါက.. တစ်ခုကို ထည့်ပြီး တာနဲ့ အပေါ်ညာထောင့်က Apply to Blog
ဆိုတာကလစ်ဆေ့ပြီး မှ နောက် တကြိမ် ပထမကုဒ်ထည့်သလို ပြန်ဝင်ထည့်နိုင်ပါတယ်နော်….
ဘယ်ကုဒ်ကို ထည့်ထည့် အပေါ်က Apply to Blog ဆိုတာတော့ ကလစ်ပေးရမှာဖြစ်ပါတယ်…
အိုကေ ဒါဆို ထည့်နည်းတော့ အဆင်ပြေလောက်ပါပြီနော်…နောက် တစ်ခုကျန်ပါသေးတယ်နော်..
Mobile Theme ကို enable လုပ်ထားရင် mobile မှာမြင်ရလိမ်မည်မဟုတ်ပါ။
iPhone , iPad , Android (firefox) တို့တွင်မြင်လိုလျှင် mobile theme ကို disable လုပ်ထားပါ။
လုပ်နည်းကတော့
ဘလော့ကာ Template ကိုကလစ်ပြီး ညာဘက်မှာ ရှိတဲ့ Customise Mobile Template ဆိုတာလေးကို ကလ်စပေးရမှာ ဖြစ်ပါတယ်…
အိုကေ အပေါ်က ပုံလေးတိုင်း No. Show desktop template mobile device ဆိုတာကို အမှတ်ပေးပြီး
Save ပေးလိုက်တာနဲ့ မိမိတို့ လုပ်ဆောင်ချက် ပြီးဆုံးခဲ့ပါပြီနော်
အဆင်ပြေကြပါစေ
>>

ခုလိုအားပေးတဲ့အတွက် အထူးကျေးဇူးတင်ပါကြောင်း ပြောကြားပါရစေ..ဘလော့ခရီးသည်မှ နည်းပညာများအား မည်သူမဆို လွတ်လပ်စွာ ကူးယူသုံးစွဲနိုင်ပါတယ်.. ကျွန်တော် ပိုင်ဆိုင်သောနေရာလေးများအား ဆက်လက် လည်ပါတ်လိုပါက ***************************************
ဘလော့ခရီးသည်သို့ { ဒီမှာ } သွားလိုက်ပါ
လယ်တီမြေသားသို့{ ဒီမှာ } သွားလိုက်ပါ
စာပေနန်းတော်သို့{ ဒီမှာ } သွားလိုက်ပါ
စွယ်စုံစာအုပ်စင်{ ဒီမှာ } သွားလိုက်ပါ http://www.nyinaymin.org/2014/05/blogger-zawgyi-unicode-font-embed_16.html?m=1

Myanmar Unicode Font Embed Using Google Font:Early Access!

Google ကပေးထားတဲ့ ဒီ google font ဝန်ဆောင်မှုကို သိကြမှာပါ။Web font လှလှ လေးတွေကို ကိုယ် ကြိုက်တဲ့ နေရာမှာ သုံးရတာ အဆင်ပြေပါတယ် ။ Font တင်ဖို့ အတွက်လည်း hosting တွေရှာ နေစရာ မလိုတော့သလို font မပေါ်မှာကို လည်း စိုးရိမ်စရာ မရှိပါဘူး google ကနေပဲ စီစဉ်သွားတာမို့ ကိုယ်က သူတို့ ပြထားတဲ့ ညွှန်ကြားချက် အတိုင်းလိုက်ပြီးတော့ ပြင်ပေးဖို့ ပဲ လိုတာပါ။ Myanmar Unicode Font ကိုသုံးတဲ့ Blog တွေမှာ အခြား user တွေလည်း ဖတ်လို့ ရအောင်လို့ font embed လုပ်ထည့်ရပါတယ်။ကျနော် ဆို hosting တစ်ခုမှာ ရှာပြီးတော့ တင်ရပါတယ်။အဲ့လိုတွေ အလုပ်ရှုပ်လာတော့ Google မှာ မြန်မာ font တွေပါ ထည့်ပေးရင် ကောင်းမယ် လို့ စဉ်းစားမိတယ်။အဲ့တာဆို ပို အဆင်ပြေသွားမှာပါ။ ဘယ်ကတည်းက အထောက်အပံပေးတာလဲ တော့ မသိပါဘူး ကျနော်တော့ အခုမှ မြင်မိတာပါ။ သုံးလို့ရတဲ့ မြန်မာ ယူနီကုဒ် font အမည်တွေကတော့ Myanmar Sans Pro Noto Sans Myanmar Padauk Tharlon တို့ ဖြစ်ကြပါတယ်။ ကျနော် ကတော့ Google ကလုပ်ထားတဲ့ Noto Sans Myanmar Font ကို ဒီလို သုံးလိုက်ပါတယ်။

 https://www.google.com/fonts/earlyaccess

 @font-face { font-family: 'Noto Sans Myanmar'; font-style: normal; font-weight: normal; src: url(//fonts.gstatic.com/ea/notosansmyanmar/v3/NotoSansMyanmar-Regular.eot); src: url(//fonts.gstatic.com/ea/notosansmyanmar/v3/NotoSansMyanmar-Regular.eot?#iefix) format('embedded-opentype'), url(//fonts.gstatic.com/ea/notosansmyanmar/v3/NotoSansMyanmar-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosansmyanmar/v3/NotoSansMyanmar-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosansmyanmar/v3/NotoSansMyanmar-Regular.ttf) format('truetype'); } * , html, body, div,p ,post-body-snippet,title,widget-content{font-family:'Noto Sans Myanmar'!important;}

Src: http://www.aungmyokyaw.com/

Myanmar Web Font for Bloggers

Myanmar Web Font

Google Web Font ကိုသေဘာက်ရင္းနဲ႔ စဥ္းစားမိတာက ျမန္မာ Unicode ေတြေကာ အဲလို လုပ္လို႔မရဘူးလားေပါ့။ အဲလိုမ်ိဳး လုပ္ဖို႔ စဥ္းစားေနတာ ၾကာေတာ့ ၾကာေနၿပီ။ ျပႆနာက ဘာလဲဆိုေတာ့ Mac OS X ျပႆနာပဲ။ Mac မွာက Master Piece ပဲ အလုပ္လုပ္တယ္။ font embed လုပ္လိုက္ရင္ အျခား unicode font နဲ႔ ေရးထားတာေတြ Mac မွာ ဖတ္လို႔မရေတာ့ဘူး။ ေနာက္ၿပီး iPhone iPad မွာ ဖတ္လို႔မရေတာ့ဘူး။ Mac မွာဆိုရင္ေတာ့ ျမန္မာ Unicode အတြက္ font embed မလုပ္တာ အေကာင္းဆုံးပဲ။ ဘာလို႔လည္းဆိုေတာ့ Rendering ေတြ အလုပ္မလုပ္ေတာ့လို႔ပါ။ iPhone , iPad မွာဆိုရင္ Masterpiece Uni Sans ပဲ အလုပ္လုပ္ပါတယ္။

Firefox မွာ ဆိုရင္ေတာ့ ျပႆနာ တစ္ခုက Cross Domain ပဲ။ Blogspot မွာ ကၽြန္ေတာ္ေပးထားတဲ့ Script ထည့္မရဘူးဆိုတာက cross domain ေၾကာင့္ပါ။ Firefox က domain မတူတာကေန request လုပ္တဲ့အခါမွာ font ကို မျပေပးဘူး။ အဲဒီေတာ့ font မျမင္ရတာေတြျဖစ္ကုန္တယ္။ မေန႔က Google App Engine ကို စမ္းေရးၾကည့္မယ္ဆိုၿပီး ေရးျဖစ္လိုက္တယ္။

http://mywebfont.appspot.com

အဲဒီျပထားတဲ့ CSS အတိုင္း အသုံးျပဳရင္ iPhone , iPad ေတြဆိုရင္ Masterpiece နဲ႔ ေျပာင္းေအာင္လည္း လုပ္ထားေပးပါတယ္။ IE ဆိုရင္လည္း EOT ကို font embed ျပန္လုပ္ထားတယ္။ Chrome နဲ႔ Mac OS ကိုေတာ့ support မလုပ္ဘူး။

ေနာက္ၿပီး အႀကံေပးခ်င္တာက Unicode font ကို သုံးမယ္ဆိုရင္ Masterpiece ကို ေရွ႕ဆုံးမွာ ထားေစခ်င္တယ္။ ဒါမွ iPhone , iPad မွာ ျမင္ရပါလိမ့္မယ္။ ေနာက္ၿပီး Mac OS နဲ႔ website ၾကည့္တဲ့ သူေတြကို အဆင္ေျပေစပါတယ္။

h1 { font-family:"Masterpiece Uni Sans",Yunghkio,Myanmar3; }

ေဇာ္ဂ်ီ သမားေတြအတြက္လည္း Zawgyi ကို font embed လြယ္လြယ္ ကူကူ ထည့္လို႔ရေအာင္ လုပ္ထားေပးပါတယ္။ ေဇာ္ဂ်ီ font မရွိတဲ့သူေတြလည္း လြယ္လြယ္ ကူကူ ၾကည့္လို႔ရေအာင္ embed လုပ္နိုင္ပါတယ္။ OFL မဟုတ္တဲ့ font ေတြက Embed လုပ္ခြင့္မရွိပါဘူး။ ဒါေၾကာင့္ OFL ရတဲ့ font ေတြကိုသာ css link ထုတ္ထားေပးတာပါ။ ဘယ္လို အသုံးျပဳလို႔ရလဲ ဆိုတာ ေအာက္မွာ ေလ့လာၾကည့္လိုက္ပါအုံး။


Code:

.yunghkio {
    font-family:"Masterpiece Uni Sans",Yunghkio;
    font-size:13px;
}
.myanmar3 {
    font-family:"Masterpiece Uni Sans",Myanmar3;
    font-size:13px;
}
.padauk {
    font-family:"Masterpiece Uni Sans",Padauk;
    font-size:18px;
}
.zawgyi {
    font-family:Zawgyi-One;
}
.parabaik {
    font-family:"Masterpiece Uni Sans",Parabaik;
    font-size:16px;
}

p , h2,h3 {
    margin-bottom:5px;   
}

p {
    padding-left:5px;
}

HtMl

<html><head>    <link href='http://mywebfont.appspot.com/css?font=yunghkio' rel='stylesheet' type='text/css'>    <link href='http://mywebfont.appspot.com/css?font=myanmar3' rel='stylesheet' type='text/css'>    <link href='http://mywebfont.appspot.com/css?font=padauk' rel='stylesheet' type='text/css'>    <link href='http://mywebfont.appspot.com/css?font=parabaik' rel='stylesheet' type='text/css'>    <link href='http://mywebfont.appspot.com/css?font=zawgyi' rel='stylesheet' type='text/css'>    <style>        .yunghkio {            font-family:"Masterpiece Uni Sans",Yunghkio;        }        .myanmar3 {            font-family:"Masterpiece Uni Sans",Myanmar3;        }        .padauk {            font-family:"Masterpiece Uni Sans",Padauk;        }        .zawgyi {            font-family:Zawgyi-One;        }        .parabaik {            font-family:"Masterpiece Uni Sans",Parabaik;        }    </style></head><body>    <p class="yunghkio">Yunghkio မြန်မာစာ</p>    <p class="myanmar3">Myanmar 3 မြန်မာစာ</p>    <p class="padauk">Padauk မြန်မာစာ</p>    <p class="parabaik">Parabaik မြန်မာစာ</p>    <p class="zawgyi">ေနေကာင္းလား</p></body></html>

A tunga Code kitel mello a hih manin 1.6kb bek a pha ka file pan na download un.

Hih atung a File thuah na pi ong suak kei zenzen leh na Compose teh hi dan na zang in. 

1. Go directly to "Posting" and then click on "Create".
2. Click on "Edit Html" option.
3. Copy and paste the following CSS style in Step.4.

<span lang="MY" style="font-family:Zawgyi-One,ZawgyiOne,Zawgyi1,Verdana;font-size:small;font-weight:500;"> ...????????????... </span>

1. Go back to "Compose" window and start typing in Myanmar. Replace ???????????? with any Myanmar word.