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 ထုတ္ထားေပးတာပါ။ ဘယ္လို အသံုးျပုလို့ရလဲ ဆိုတာ ေအာက္မွာ ေလ့လာျကည့္လိုက္ပါအံုး။
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 ထုတ္ထားေပးတာပါ။ ဘယ္လို အသံုးျပုလို့ရလဲ ဆိုတာ ေအာက္မွာ ေလ့လာျကည့္လိုက္ပါအံုး။
<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>
No comments:
Post a Comment