photo.MgHla.net - ေ မာ င္ လွ ရဲ ႕ ဓာ တ္ ပုံ ျပ ခ န္ း

ကၽြန္ေတာ္ ဖန္တီးခဲ့ေသာ / ဖန္တီးလွ်က္႐ွိေသာ / ဆက္လက္ ဖန္တီးမည့္ ဓာတ္ပုံ၊ ႐ုပ္ပုံ၊ လႈပ္႐ွားမႈ ပုံမ်ား၊ စာသား စသည့္ ဖန္တီးမႈမ်ား အားလုံးအား a Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License. လုိင္စင္ ရယူထားပါေၾကာင္း အသိေပးအပ္ပါသည္။
http://creativecommons.org/licenses/by-nc-nd/3.0/


Tuesday, October 31, 2006

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

    13 comments:

    Myanmar Blues said...

    Thank you so much Ko Mg Hla. This explanation on EOT is the most comprehensive Myanmar version on the net about EOT. Cheers!

    MgHla said...

    ေက်းဇူးပါပဲ ခင္ဗ်ာ...

    Zaw said...

    Ko Mg Hla,

    Can you tell me how to assign font in blog, after doing EOT. I know how to make EOT and put script in blog templet.

    Thanks

    Forget me frd said...

    Thanks a lot Big Bro!

    Phyo Tayza said...
    This comment has been removed by the author.
    peeves said...

    What happens to Part-2? I can't find it...

    moung yin aw said...

    your explanations are excellent and so helpful for me.
    Thanks alot Ko Mg Hla.

    MYAT KA LAY said...

    Hello!
    i don't find eot part 2.
    when will u write this part?
    i hope ur post.
    thanks everything.
    ur
    user

    taung paw tar(shan myay) said...

    dear Mg Hla

    I didn't see your part 2 of making eot..can you help me with this? I can't do eot even with the saturngod making blog book.


    thanks

    TweetyChitThu said...

    cant see part 2...also half way cant do :(

    Pls help me...
    Thanks

    ေဂၚလီမေလး said...

    ဟီးဟီး..ေျပာတဲ့အတိုင္းပဲ တကယ့္ကို ေခါင္းေျခာက္ခဲ့ရပါတယ္။ အခုလို တတ္ထားတဲ့ပညာကို ျဖန္ ့ေဝေပးတာ ေက်းဇူးတင္ပါတယ္ေနာ္။

    Cothar said...

    ေက်းဇူးအထူးတင္ေၾကာင္းပါ ကိုေမာင္လွ ခင္ဗ်ာ.. ကၽြန္ေတာ္ blog အဆင္ေျပသြားၿပီ.. ေလးစားလွ်က္.

    Cothar said...

    ေက်းဇူးအထူးတင္ေၾကာင္းပါ ကိုေမာင္လွ ခင္ဗ်ာ.. ကၽြန္ေတာ္ blog အဆင္ေျပသြားၿပီ..