# ပထမဆုံး Microsoft web site ကို သြားၿပီး WEFT (Web EmbeddedFont Technology) ကို ဒီမွာ download လုပ္ပါ... ၿပီးရင္ေတာ့ install လုပ္ေပါ့ဗ်ာ...
# က်ေတာ္တုိ႔လုိ ျမန္မာျပည္တြင္းမွာေနတဲ့လူေတြက eot လုပ္မယ့္ web site ကိုညႊန္ျပရတာအခ်ိန္အရမ္းၾကာတယ္... က်ေတာ္ ဘာလုပ္ထားလဲဆုိေတာ့ Zawgyi-One သုံးမယ္ဆိုရင္ အဲဒီfont နဲ႔ က်ေတာ္သုံးမယ့္ Bold, Italic, Bold+Italic and Normal စာလုံးေတြ ပါတဲ့web page ေလးတစ္ခု အရင္ တည္ေဆာက္ထားလုိက္တယ္... ခု အဲဒီ web page နာမည္ကို eot.htmလုိ႔ေပးထားတယ္...ကဲစရေအာင္ဗ်ာ
# 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://soul-of-blog.blogspot.com လုိ႔ပဲထည့္ထား ခဲ့မိရင္ http://www.soul-of-blog.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 ဆုိၿပီး စာ ၄-မ်ဳိး ထည့္ထားမိလုိ႔ ခင္ဗ်...
# အဲဒီ ဖုိင္ ၄-ဖုိင္ကုိ အင္တာနက္ေပၚတင္ရေအာင္...
ကိုယ္ပုိင္ hosting ရွိရင္ ကုိယ္ပုိင္ေပၚတင္ေပါ့ဗ်ာ... က်ေတာ့္လုိ ကုိယ္ပုိင္မရွိတဲ့သူေတြကေတာ့ free hosting ေပၚတင္တယ္ေပါ့ဗ်ာ... ခု က်ေတာ္ ripway.com ေပၚတင္လုိက္တယ္ဗ်ာ...
ခုနကရလိုက္တဲ့ CSS မွာ အဲဒီ upload လုပ္လိုက္တဲ့ font ရဲ႕ URL ကိုျဖည့္ ပါ။ (အဝါေရာင္စာသားေနရာ)
@font-face {
font-family: Zawgyi-One;
font-style: normal;
font-weight: normal;
src: url(http://h1.ripway.com/soul-of-blog/eot/ZAWGYIO3.eot);
} ဒီ code ကိုtemplate ရဲ႕ CSS ပိုင္းမွာ ကူးထည့္ပါ။
ျပင္ၿပီးၿပီဆုိရင္ အဲ့ဒီ code အကုန္ copy ျပန္ကူးၿပီး web page ရဲ႕ html code ထဲက STYLE TYPE="text/css" ဆုိတဲ့ေအာက္ ကပ္လွ်က္မွာ paste လုပ္လုိက္ပါ...
ရလား မရလားကို ေဖာင့္မရွိတဲ့ ကြန္ပ်ဴတာမွာ Internet Explorer နဲ႔ ျပန္ၾကည့္ပါ... က်န္တဲ့ browser မ်ားနဲ႔ ၾကည့္ရင္ ျမင္ရမည္မဟုတ္ပါ...
0 comments:
Post a Comment