eot လုပ္ရေအာင္ - ၁

ပထမဆုံး Microsoft web site ကို သြားၿပီး WEFT (Web EmbeddedFont Technology) http://download.microsoft.com/download/8/a/1/8a1be03f-f7fc-4504-af9a-7b9230775284/WEFTIII2b1.exeကို download လုပ္ပါ... ၿပီးရင္ေတာ့ install လုပ္ေပါ့ဗ်ာ...

က်ေတာ္တုိ႔လုိ ျမန္မာျပည္တြင္းမွာေနတဲ့လူေတြက eot လုပ္မယ့္ web site ကိုညႊန္ျပရတာအခ်ိန္အရမ္းၾကာတယ္... က်ေတာ္ ဘာလုပ္ထားလဲဆုိေတာ့ Zawgyi-One သုံးမယ္ဆိုရင္ အဲဒီfont နဲ႔ က်ေတာ္သုံးမယ့္ Bold, Italic, Bold+Italic and Normal စာလုံးေတြ ပါတဲ့web page ေလးတစ္ခု အရင္ တည္ေဆာက္ထားလုိက္တယ္... ခု အဲဒီ web page နာမည္ကို eot.htmလုိ႔ေပးထားတယ္...ကဲစရေအာင္ဗ်ာ

1. Bold 2. Italic 3. Bold+Italic 4. Normal

WEFT program ကိုဖြင့္ပါ... Welcome! This wizard will guideyou ... ဘာညာ လာျပရင္ နားလည္ေအာင္ ဖတ္ၿပီးရင္ Next ကို ႏွိပ္ဗ်ာ...

Full Name နဲ႔ E-mail ထည့္ၿပီး Next ကိုႏွိပ္ဗ်ာ...

ခုေပၚလာတဲ့ dialog box က အေရးႀကီးတယ္ေနာ္... ေရွ႕က list boxထဲမွာ ခုက်ေတာ္က ကြန္ပ်ဴတာထဲမွာ ရွိတဲ့ ဖုိင္ကို သုံးမွာဆုိေတာ့ file:// ကိုေရြးတယ္...Internet ေပၚက ဖုိင္ကို ညႊန္းမယ္ ဆုိရင္ေတာ့ http:// (or) https:// (or) ftp://တစ္ခုခုကို ေရြးေပးစရာ လုိပါတယ္...ခုေရြးခဲ့တဲ့ list box ရဲ႕ ညာဘက္ ၁-ခုေက်ာ္မွာရွိတဲ့ ... button ေလးကို ကလစ္ႏွိပ္ၿပီး က်ေတာ္ လုပ္ထားတဲ့ eot.htm ရွိတဲ့ဖုိင္ေလးကို ညႊန္ျပလုိက္ပါတယ္...

ၿပီးရင္ Next ကို ကလစ္လုပ္ပါ...Analyze Web Pages dialog boxေပၚလာရင္ Next ကိုႏွိပ္ပါ... The page file:..... It may not display on Win9xand MacOS. Unicode and Uniscribe is required. Do you want to continue? ဆုိတဲ့box လာျပရင္ Yes ကို ကလစ္လုပ္ပါ...

Font to Embed box ကိုေရာက္ရင္...subsetting ကို 7. No subsettingထားလုိက္ပါတယ္... ခုက်ေတာ္ ညႊန္ျပလုိက္တဲ့ web page ထဲမွာ embed လုပ္စရာမလုိတဲ့font ေတြ ပါလာတယ္ဆုိရင္ အဲဒီ font ကို select လုပ္ၿပီး Don't embed ဆုိတာေလးကိုclick လုပ္ပါ...

Create Font Objects ဆုိတဲ့ box ေပၚလာရင္ Edit button ကိုႏွိပ္ၿပီး eot သုံးမယ့္ web site ေတြရဲ႕ address ကို ထည့္းေပးရပါတယ္... ထည့္တဲ့အခါသိထားရမွာက http://mghla.blogspot.comလုိ႔ပဲထည့္ထား ခဲ့မိရင္ http://www.mghla.blogspot.comလုိ႔ ၀င္ၾကည့္တဲ့လူေတြ အဆင္မေျပပါဘူး... အဲဒါေၾကာင့္ လိပ္စာထည့္တဲ့အခါ wwwပါတာတဲ့ လိပ္စာေေရာ ၊ မပါတဲ့ လိပ္စာပါ ထည့္ေပးစရာ လုိပါတယ္...

ၿပီးရင္ ပုံထဲမွာ ျပထားတဲ့အတုိင္း အေပၚက check box ၂-ခုကိုအမွန္ျခစ္ ျခစ္ေပးပါဦး... ၿပီးၿပီဆုိရင္ေတာ့ Next ကို ႏွိပ္ေတာ့ဗ်ာ...ခဏေတာ့ေစာင့္ေနာ္...ေဟာ ေပၚလာပါၿပီ... CSS Style dialog box ဆုိၿပီး ေပၚလာပါၿပီ...အဲဒီထဲက ေအာက္မွာျပထားတဲ့ code ေတြကို က်ေတာ္ copy ကူးထားလုိက္တယ္...

@font-face {
font-family: Zawgyi-One;
font-style: normal;
font-weight: 700;
src: url(ZAWGYIO3.eot)
}
@font-face {
font-family: Zawgyi-One;
font-style: oblique;
font-weight: normal;
src: url(ZAWGYIO2.eot);
}
@font-face {
font-family: Zawgyi-One;
font-style: oblique;
font-weight: 700;
src: url(ZAWGYIO1.eot);
}
@font-face {
font-family: Zawgyi-One;
font-style: normal;
font-weight: normal;
src: url(ZAWGYIO0.eot);
}

ၿပီးရင္ေတာ့ Close ကိုႏွိပ္တယ္... Next ကိုႏွိပ္တယ္...

You all are done.... ဘာညာလာျပေတာ့ Finish ကို ႏွိပ္လုိက္တယ္... eot.htm ရွိတဲ့ folder ထဲသြား ၾကည့္ေတာ့ ZAWGYIO0.eot, ZAWGYIO1.eot, ZAWGYIO2.eot, ZAWGYIO3.eot ဆုိၿပီး ဖိုင္ ၄-ဖုိင္ ထြက္လာတာ ေတြ႕ရတယ္... ဘာျဖစ္လုိ႔ ၄-ဖုိင္ ထြက္တာလဲဆုိေတာ့ eot.htm ဖုိင္ထဲမွာ့ Bold, Italic, Bold+Italic, Normal ဆုိၿပီး စာ ၄-မ်ဳိး ထည့္ထားမိလုိ႔ ခင္ဗ်...

အဲဒီ ဖုိင္ ၄-ဖုိင္ကုိ အင္တာနက္ေပၚတင္ရေအာင္...

ျပင္ရတာ ေမာသြားတာပဲ

eot ဘယ္လုိလုပ္... အပုိင္း - ၂
Tuesday, October 31, 2006
အဲဒီ ဖုိင္ ၄-ဖုိင္ကုိ အင္တာနက္ေပၚတင္ရေအာင္...
ကိုယ္ပုိင္ hosting ရွိရင္ ကုိယ္ပုိင္ေပၚတင္ေပါ့ဗ်ာ... က်ေတာ့္လုိ ကုိယ္ပုိင္မရွိတဲ့သူေတြကေတာ့ free hosting ေပၚတင္တယ္ေပါ့ဗ်ာ... ခု က်ေတာ္ ripway.com ေပၚတင္လုိက္တယ္ဗ်ာ...
က်ေတာ္တုိ႔ copy ကူးခဲ့တဲ့ code ေတြရဲ႕ src: url(ZAWGYIO3.eot) ဆုိတဲ့ေနရာေတြမွာ src: url(http://h1.ripway.com/MgHla/eot/ZAWGYIO3.eot) ေတြျဖစ္ေအာင္ လုိက္ျပင္ပါ... ၄-ေနရာ ျပင္စရာ လုိတယ္ခင္ဗ်...ျပင္ၿပီးၿပီဆုိရင္
@font-face {........................}
အကုန္ copy ျပန္ကူးၿပီး web page ရဲ႕ html code ထဲက STYLE TYPE="text/css" ဆုိတဲ့ေအာက္ ကပ္လွ်က္မွာ paste လုပ္လုိက္ပါ...
ရလား မရလားကို ေဖာင့္မရွိတဲ့ ကြန္ပ်ဴတာမွာ Internet Explorer နဲ႔ ျပန္ၾကည့္ပါ... က်န္တဲ့ browser မ်ားနဲ႔ ၾကည့္ရင္ ျမင္ရမည္မဟုတ္ပါ...

WEFT (eot) က IE (Internet Explorer) နဲ႔ပဲ အလုပ္လုပ္တယ္ဆုိတာ မွတ္ထားေပးပါဦး...

ဒီ blog ေတြကိုမွီျငမ္းခဲ့ပါတယ္...
http://mgzeng.blog.com/450405/http://dathana.blogspot.com/2006/04/weft-eot-font-tutorial.html