Sunday, January 13, 2008

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

    • အဲဒီ ဖုိင္ ၄-ဖုိင္ကုိ အင္တာနက္ေပၚတင္ရေအာင္...
    • ကိုယ္ပုိင္ 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


    http://blog.mghla.com
    မွကူးယူေဖာ္ၿပပါသည္ ။

    Posted in Labels: , |

    0 comments: