Zawgyi-One fonts in WordPress


HTML page  မွာ ျမန္မာစာေပၚဖို႔အတြက္ font face ကို ေျပာင္းေပးရပါတယ္။

content နဲ႔ presentation ခြဲဖို႔အတြက္ font ကို css မွာ သြားေျပာင္းပါမယ္။

font: 13px ‘Zawgyi-One’, zawgyi1, arial, sans-serif;

wordpress မွာက ပိုက္ဆံေပးမွ css ကို ျပင္ခြင့္ရွိပါတယ္။

အဲဒါေၾကာင့္ ကၽြန္ေတာ္တို႔အေနနဲ႔ css မွာ ျပင္လို႔မရေတာ့ပဲ inline style ကို ေျပာင္းေပးရပါတယ္။

အဲဒီလို ေျပာင္းရာမွာ ျမန္မာလို ေပၚေစခ်င္တဲ့ စာသားေတြကို ထည့္ထားတဲ့ tag ကို အေပၚက စာသားေလး ထပ္ထည့္ေပးရံုပါပဲ။

ဥပမာ အားျဖင့္ <p> မွာ ေပၚေစခ်င္တယ္ဆိုရင္ <p style=”font: 13px ‘Zawgyi-One’, zawgyi1, arial, sans-serif;”></p> လို႔ သံုးရပါတယ္။

အားလံုးအတြက္အသံုးဝင္မွာကေတာ့ blog post တစ္ခုလံုးကို

<span style=”font: 13px ‘Zawgyi-One’, zawgyi1, arial, sans-serif;”></span>

ရဲ့ အလယ္မွာေရးလိုက္တာပါပဲ။

source: Myo Kyaw Htun

Advertisements

4 thoughts on “Zawgyi-One fonts in WordPress”

  1. ပို႕ေလးတင္ထားတာေတာ့ ၾကာျပီထင္ပါတယ္။ ဒါေပမယ့္ လိုအပ္ေနဆဲပါပဲ။ တခုေမးပါရေစ – တကယ္လို႕ wordpress နဲ႕ CSS ထဲဝင္ျပင္လို႕ရတယ္ဆိုရင္ေရာဘယ္လို လုပ္ရပါမလဲ။ zawgyi font မရိွတဲ့ ကြန္ျပဴတာ၊ tablet စတာေတြေပၚမွာပါ ေပၚခ်င္ပါတယ္။ ဥပမာ RFA burmese ကို zawgyi မရိွတဲ့ tablet မွာ ဖတ္လို႕ရပါတယ္။ wordpress ေပၚက zawgyi နဲ႕ ေရးထားတာက်ေတာ့ မရဘူးျဖစ္ေနပါတယ္။ ေက်းဇူးပါ။

    1. If you can use CSS, you have a good chance to install plugin. You can install [MMUnicodeEmbed](https://wordpress.org/plugins/mmunicode-embed/) by Saturngod.

      If you do not want to install plugin, you can use https://mmwebfonts.comquas.com (more technical and more general approach) by the same developer.

      If you want to know more, you can learn about “font embedding” technology at [Monzilla Developer Network](https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face)

  2. Plugin မသံုးပဲ 2nd option ျဖစ္တဲ့ direct url နဲ႕သံုးခ်င္ပါတယ္။ မရွင္းတာေလးက

    Codes ကို ဘယ္္ file ထဲမွာ ထည့္ရမလဲ ရွင္းျပေပးပါ
    @import

    Font Family
    Add following code in stylesheet font family.

    font-family:Zawgyi-One; (ဒါကေတာ့ CSS file ထဲထည့္ရမယ္လို႕ နားလည္ပါတယ္)

    ေက်းဇူးတင္ပါတယ္

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

w

Connecting to %s