Ayar Unicode 20009 on Blogger: ဧရာ ြမန်မာ စာလုံးများကုိ မိမိဘေလာ့ဂ် စာမျက်နှာေတွမှာ ေပါ်ေစချင်တယ် ဆုိရင်

မိမိရဲ့ ဘေလာ့ဂ်၊ အင်တာနက် စာမျက်နှာေတွမှာ ဧရာြမန်မာ စာလုံးေတွကုိ ေကာင်းမွန်စွာ ေပါ်ေအာင်လုပ်ချင်တယ်ဆုိရင်

<link href='http://ayarunicode.googlecode.com/files/ayarie.css' rel='stylesheet' type='text/css'/>
<link href='http://ayarunicode.googlecode.com/files/embed_ayar.css' rel='stylesheet' type='text/css'/>

ဆုိတဲ့ ကုဒ် ၂ ေြကာင်းကုိ မိမိ တုိ့ရဲ့ စာမျက်နှာေတွမှာ

<Head>

ကုိရှာြပီး၊ အဲ့ေနာက်မှာ ထည့်ေပးရင် အဆင်ေြပပါတယ်။ အဲ့တာ ကုိ ထည့်ဖုိ့ အဆင်မေြပဘူးထင်ရင်

<style id='page-skin-1' type='text/css'>
@font-face {
font-family: "Ayar";
src: url("http://ayarunicode.googlecode.com/files/ayar-webfont.eot");
src: local("Ayar"),
url("http://www.ayarunicodegroup.org/ayar.woff") format("woff"),
url("http://www.ayarunicodegroup.org/ayar.ttf") format("opentype"),
url("http://www.ayarunicodegroup.org/ayar-webfont.svg#ayar") format("svg");
unicode-range:U+1000-1097;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: "Ayar Kasone";
src: url("http://www.ayarunicodegroup.org/ayar-webfont.eot");
src: local("Ayar Kasone"),
url("http://www.ayarunicodegroup.org/ayar_kasone.woff") format("woff"),
url("http://www.ayarunicodegroup.org/ayar_kasone.ttf") format("opentype"),
url("http://www.ayarunicodegroup.org/ayar_kasone-webfont.svg#ayar_kasone") format("svg");
unicode-range:U+1000-1097;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: "Ayar Takhu";
src: url("http://www.ayarunicodegroup.org/ayar_takhu-webfont.eot");
src: local("Ayar Takhu"),
url("http://www.ayarunicodegroup.org/ayar_takhu.woff") format("woff"),
url("http://www.ayarunicodegroup.org/ayar_takhu.ttf") format("opentype"),
url("http://www.ayarunicodegroup.org/ayar_takhu-webfont.svg#ayar_takhu") format("svg");
unicode-range:U+1000-1097;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: "Ayar Juno";
src: url("http://www.ayarunicodegroup.org/ayar_juno-webfont.eot");
src: local("Ayar Juno"),
url("http://www.ayarunicodegroup.org/ayar_juno.woff") format("woff"),
url("http://www.ayarunicodegroup.org/ayar_juno.ttf") format("opentype"),
url("http://www.ayarunicodegroup.org/ayar_juno-webfont.svg#ayar_juno") format("svg");
unicode-range:U+1000-1097;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: "Ayar Wazo";
src: url("http://ayarunicode.googlecode.com/files/ayar_wazo-webfont.eot");
src: local("Ayar Wazo"),
url("http://www.ayarunicodegroup.org/ayar_wazo.woff") format("woff"),
url("http://www.ayarunicodegroup.org/Ayar_Wazo.ttf") format("opentype"),
url("http://www.ayarunicodegroup.org/ayar_wazo-webfont.svg#ayar_wazo") format("svg");
unicode-range:U+1000-1097;
text-rendering: optimizeLegibility;
}
.otf {
font-size: 12px;
padding: 2px 10px 2px;
background-color: #0081A6;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
position:fixed;
top: 0pt;
right: 85px;
}
#bm {
font-size: 12px;
padding: 2px 10px 2px;
background-color: #0081A6;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
clear:both;
float:left;
margin-left: 10px;
}
.otf .selected {
text-decoration: underline;
}
.otf a, #bm a {
text-decoration: none;
color:white;
font-family: Trebuchet MS, Helvetica, sans-serif;
font-weight: normal;
}
#bm a {
font-weight: normal;
}
#bm a:link {
text-decoration: underline;
}
#content {
padding: 20px;
}
</style>

ဆုိတဲ့ ကုဒ် ေတွကုိ

<Head>

ေနာက်မှာ ထည့်ေပး ြပီးရင်

.htaccess ဖုိင်မှာ .ttf ကေန .ttf.gz ကုိေြပာင်းေအာင် နဲ့ တချို့အချက်အလက်ေလးေတွ အတွက်

RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} "\.ttf$"
RewriteRule ^.*$ %{REQUEST_URI}.gz [L]

<FilesMatch "\.ttf.gz$">
AddEncoding gzip .gz
ForceType "text/plain"
Header set Access-Control-Allow-Origin *
</FilesMatch>

ထပ်ထည့်ေပးဖုိ့လုိပါမယ်။ အဲ့တာဆုိရင် ဘေရာ်ဇာ ေတာ်ေတာ်များများမှာ ဧရာ ြမန်မာ စာလုံး ကုိ ေကာင်းစွာ ဖတ်ရှုနုိင်ေအာင် အလုပ်လုပ် ပါေြကာင်း သိရှိ ရပါတယ်။

တကယ်လုိ့ အီးအုိတီ eot ( Embedded OpenType ) ြကီးဘဲလုိချင်ရင်ေတာ့

http://ayarunicode.googlecode.com/files/ayar_juno.eot
http://ayarunicode.googlecode.com/files/ayar_takhu.eot
http://ayarunicode.googlecode.com/files/ayar.eot

အခုတင်ထားေပးတဲ့ အီးအုိတီ eot ( Embedded OpenType ) ဟာ မည့်သည့် ဒုိမိန်း၊ အင်တာနက် စာမျက်နှာ နာမည်မှာ မဆုိ ေကာင်းစွာ အလုပ်လုပ်နုိင်ပါေြကာင်း သိရပါတယ်။

Credit: ကုိစုိမင်း ( Mark )

Ayar Unicode 20009 on Blogger

tets

ဧရာ ြမန်မာ စာလုံးများကုိ မိမိဘေလာ့ဂ် စာမျက်နှာေတွမှာ ေပါ်ေစချင်တယ် ဆုိရင်

1 comments:

Post a Comment

document.write("Saturday, September 5, 2009".convertDate());

ဧရာ ြမန်မာ စာလုံးများကုိ မိမိဘေလာ့ဂ် စာမျက်နှာေတွမှာ ေပါ်ေစချင်တယ် ဆုိရင်

1 comments:

Post a Comment