UnicodeAndFont Face

OOs OOs OOs OOs @Font @Font @Font @Font- -- -Face Face Face Face CSS3 CSS3 CSS3
CSS3 CSS3 ac ac ac ac cg:Oo:O:: cg:Oo:O:: cg:Oo:O:: cg:Oo:O::

1 | P a g e

by Mhaw Sayar on |anuary 17, 2011
(http://mbl0gger.net/2011/01/unlcode-font-face-css3-and-browsers)

s`: s`: s`: s`:

MM3 & CSS3
O _ :o_ oO oao Oooo:o: cO:OcO`g O _ O: oo:OOa: O::Oc O__ cg:O O__
cg:Oo:O : O _ _ O _ _q _ O _ oco O` oo:OOa::: O _ O:o O Oo: O _ ca ccg: O _ O:o
OOOO cOÒ cg:_ oO OO:cg:::O:: OOcg: OOqO:: OOO` O _ :O::c: ocoÒ
OogO O _ oo_1
oOoO::o: OO o _:: _OO:cO _ c OOaO O _ goc O _ O::: O _ c oOcg:::
Oo_:cO _ c OO:O_ oo:OOa:Oc : O _ _g oo O cO:c O _:o::O:: cg:oOoc _:O`: o _ c:
_oO:: _:o: OOaO O _ oO`_1 oo O oa:OOcO:cO:: _:O`:_ OO Og g_
cO:cO:: O _ c OO oo:OOa::: OO: O _ gg: Ooo:OOa:O cO:OcO`g O__ cg: O__
OO_O: O _:o:: O__ ocg:Oo: O _:o::ac O OO cg:::O::_ oOoO O::::
OOOO O _ ccO O _ _q acO`_O :OooO OcO:ac o _ c: O:o_: :oOc: O _ oOOOoo:
O _ o_1
cO:O cOÒc O _ O: ::O _ c cg:::O::c: o o:OOa:O:::: occg:O O _ _q :o O _ _
: O _ _ Oo:O:: OOo_: oO OooocOc: cO:cOoO _:O OO OO_O:O O_c: cgo _ c:O:
o Oc:OO cO:c:: cO _ OOO_O O O _ _O O _ O_ O _ o_1
OO O` O _ :O cO _ gc:g O_ oOc:co O _ _:1 O _ O: ::O _ c cg:::O::c:
oo:OOa: Ooo:: occg:O OOq oOOOc O _ O:cO:c gc_ O _ oco Og_ O _ oco O _ O:o
OOOO cO: O _ cog OO c:OO` _:oO:O:: O _ c : O _ _o /: O _ _ oOc:co O _ O`_1
qOOo::O: o _ c: o:o:OoO::O ogOOoqOOO:: O _ c o::O:cO: O _ coo _ c: (s_:O : O _ _O::O
oo:OOa:Oc:O cO: O _ oOcOO g:cOcg: coccOO o:cg:Og:cO o _ c: O _ _acO: OOOO`:)
sIFR - (Scalable Inman Flash Replacement) _:oO:O : O _ _@ OoOg ac |avascrlpt
aoO _:cO`c: O _ : oo:OOa:cO`g o:O:::: OoOg OgOO::O _ o cO _ :c:o cO: O _ coo _ c:
OO - Cufon (CUstom FONts) Oco`_ |avascrlpt OgOOO O _ c o:O:::: OcO: o _ c:
(s_:OcO: sIFR g OcO o cO _ : O _ o oOgo_: o`sOgOo co:oc:Oog OOO:
: O _ _O::O: cOgOÒO )
FLIR - o:O:cO`g PHP scrlpt Oc@ oo:OOa:cO`g OO cg:oO: O _ _O::c: font-face ac
OO__ o: o::O:OgOO:::: oco:O OOoOcO: o _ c:
Oc O _ O` _:oO:O:::: : O _ _O::c: oo:OOa:O:: cO _ c OO O OoOO cg:::O::c:
o:o:OoO::(Font-face) :: qOOO:: O _ c o::O: cO: O _ co_ OO O__ co _ c_ O O _ O:o
OOo: cO: O _ cO:acO_ O _ oc:o_: O O Oo: cO: O _ acg OO o:o:OoO:::: qOOO _ o
cO _ :c:oo O _ : O _ c o _ c:cO _ :c oo:OOa: loadlng oOo O _ : O _ c o _ c: o:O::::o: o::O: qOOO::O _ o
cO _ :c:ogc:cO _ :c o:O:O OoOO Bandwldth OOOO:: O _ ::coo _ c: ac o _c: _:oO:O::O:
g:cOcg: cocO::O O Ooo:OOa: Content O:::: g:cO o _ c: OO _ _ac o _ c: Oc: ::_:oO O::O
gccgcoO`_1

OOs OOs OOs OOs @Font @Font @Font @Font- -- -Face Face Face Face CSS3 CSS3 CSS3 CSS3 ac ac ac ac cg:Oo:O:: cg:Oo:O:: cg:Oo:O:: cg:Oo:O::
2 | P a g e


g_gOoO g_gOoO g_gOoO g_gOoO

CSS3 & MM3
Oc OOsoo O oO:O::c: cO:cO:: OOgo: O _ : c:OOc: OOO` O _ :O:: OO o _
OooOO cO _ o_ Oco:O cO _ o_ ::c:c oOc:c aco O _ c:o_: O _ : ::o: o:o_
cO _ o_ O _ O@O:: OOO@ Ogac c:_O cOg_1 oOOco:Oc oa:OO O _ O: OOs cO:c
O _:o::O:: O:: O _ ::o: OOcOò:oO g_ _:O oO cg::: OOq O _ O: oO _:O::
O _ ::Oco_: OOs _ac OOO@ oOOòc o::O O::o: go:cO _ :c: O _ ccOgoO g _1 OO _ c
accOO:ac OO :: cO:O cg:Oo:O:: c:OogO:: ac _:O_:cg: Oo_:O::Oco_: OOs
_:oo:: OO :: ooOoo O _ o OO cg:cO:o:cO _ _O cOgg_1
OO c:c:O`: g_gOoO cO _ c O:OO O _:O_o:cc: O _ O:o: OOsoo :: Oc
coO c:O:cO` _:O_:O:: OOOO:: O _ o_ ocg:Oo:O:: (Internet Explore, Flrefox, Google
Chrome, Opera..etc) ac CSS3 _:O_: O:: : O _ _@ oO OO: cg:::O::a c OOq O:: OO
O__ co _ c_O O _ O:o::: ccO _ co:cOo: O _ ccO OOqaccog O cO: O _ oO`_1
OOs OOs OOs OOs @ @@ @font font font font- -- -face face face face ac ac ac ac CSS3 CSS3 CSS3 CSS3

Myanmar Unlcode
ooc: _ ao co:o cg::: o _ c: OO :ac oO: gO O _ c cOÒOg O:occ: O:oO::Oc
O _ O: co:ooÒ::ac oO OO:cg:::O:: O _ ::Oco_: O _ O:o co:ocg:gac OOcg:O::c:
co:oOc O _ O:o OO OO O _ cgg _:oO:O _:o : O _ : oOo O _ _O OOO OgO _ oOO_
OcO`_1 OO:oO::Oc @font-face, EOT (Embedded Open Type) o_ oO::o:O:::: co:oÒc:
gc:a: OO:oc o O _ oOO_ O _ o_1
OO:oO::O OO oo:OOa:O OOcg:::c: cO:cO _:o:: O _ c O _ _q O_ OO O OOo:
cO: O _ cog : O _ _c: _:oo O _ o_ @font-face ac EOT _:O_:_ OOoqc:O c:
cg:Oo:O:: OO: :ococ:o_: Oc oOOcOò:_ CSS3 _:ooO : O _ _ O _ : oO
cO:O cg:Oo:O:: O _ o O _ c: Flrefox (slnce v 3.5) Google Chrome Browser (slnce v 4.0)
og_ cg:Oo:O::O cO` OO : O _ _oco: cO:c O _:o::O OO oo:OOa: Oc: OoOÒ_:
O _ OaO_c: ac O _ O _ o_1
oO_: oO_: oO_: oO_:
oO_:O: oOc oOOO`_1 co _ o c:Og:: cO _ c _:o: OO : O _ _o_ cO:c O _:o::O
cg:oO O _ : cO:cOcO OO o:O: cOÒcgOÒ_1 Oc:O OOOcO::c: cO:cO:::: o
o:OOa:Oc : O _ _g c:OO` CSS OsO:::: OO oO Cascadlng Style Sheet (CSS) Oc:
O_c: cO:q: O _ o_1
3 | P a g e


@font-face {
font-famlly: yourFontName ;
src: url( /locatlon/of/font/FontFlleName.ttf ) format("truetype");
}

/* Then use lt llke you would any other font */
.yourFontName { font-famlly:" your FontName ", verdana, helvetlca, sans-serlf;
}
OO::g OO::g OO::g OO::g - -- -
(O) cOÒc O: O _ oc: CSS OsOg yourFontName c:cg:Oc OO : O _ _oc: cO:c:O_O
O_c:gO_ O _ o O _ : locatlon ::o_: OO Oos OcO::c: cO:c O_cg:O OO _ O _ cO:gO_
O _ oO`_1
(o) CSS3 O _ c font-face cO _ _: o _ c:Oc truetype (ttf), opentype (ttf,otf), truetype-aat (ttf), embedded-
opentype (eot) ac scalable-vector-graphlc Oco`c: (svg,svgz) og_ cO:c O _:o:: O::::
oO O _ _O O_c: : O _ _a c O`_1
O _ :O OO:O O _ cc o _ c: O _ :O OO:O O _ cc o _ c: O _ :O OO:O O _ cc o _ c: O _ :O OO:O O _ cc o _ c:
OOoqc:O_ EOT (Embedded Open Type) _:O_::: c:O::gc:-g Oc (o__Q) oaoO
oOc@: O _ _o_1 @font-face O _ c .eot font OcO : O _ _ o _ c:_ c:cg:Oo:O:: OO:
O _:Ocg:OO gcoO_ O _ o O _ : OOOc cO _ :o_ CSS3 _:oo: @font-face OO .ttf (True Type
font) OcO::O OOqO co`: o _ c: O _ c O:cO _ co: ooO oqO: c:Og: ac O:: :O:g Oc:
cg:Oo:O:: O oc:s:ooOccg: O:: OO_O: ooO::OcO` OO O _ o: O _:Ocg:OO gcoO_
O _ o_1
True Type Font OcO:::: WEFT Tool O : O _ _@ .eot flle O _ o cO _ :c:oacO Onllne TTF->EOT
Converter O _ co_: oOOoO cO _ :c:o gOacO`_1 .eot Oc:: ggo:OÒ O .eot Ocac Ogc: .ttf Oc
_-O _:o:O oc:cO`g OOOcoc:cg: OoooOc Oos oOgOÒ_1
O _ :oc c: Oòc oO cg:Oo:O::Oc OO: O _ _oc: cO:cO _:o:::: O _ OOo:
cO: O _ accg:OO @font-face :: c:OOÒc: O _ _o OO o: cO _ _:cO:g oOO_ O _ o_1
@font-face {
font-famlly: " your FontName ";
src: url( /locatlon/of/font/FontFlleName.eot ); /* IE */
src: local(" real FontName "), url( /locatlon/of/font/FontFlleName.ttf ) format("truetype"); /* non-IE */
}
/* Then use lt llke you would any other font */
.yourFontName { font-famlly:" your FontName ", verdana, helvetlca, sans-serlf;
}
cg:Oc Ooo OOO::a c_O: oo:OOa: cOÒ Oc O _ : : O _ _O_ .eot O _ oco .ttf cO:c Oc O _ oco
O__ cO:cO _:o::O oc:cOÒc: o _ c: O _ o_ OO OOaoOg: :O_cO: : O _ _ac O _ :
local(real FontName) Oc:g :O_Ooo:oc c:cg:Oo: OOOc: o _ :: cg:Oo:O::O
: O _ _ oOOg ooO cO:c:O_O co`:O_ O _ o_ OO :O_O cO:O::g oOO_
O _ o_1

4 | P a g e


o _ :: oOO_ g:O::ac OO::OOO:: o _ :: oOO_ g:O::ac OO::OOO:: o _ :: oOO_ g:O::ac OO::OOO:: o _ :: oOO_ g:O::ac OO::OOO::
o1 EOT co` Embedded Open Type Font O _:o::_ OOoqc:O OOOOO c:(Internet Explore)
Oc: oOoOO`_1

Myanmar3 Glyphs
Oo_::: O _ c c:_ Open Type Font O::O: Embedded O _ _oO o _ c:O oOo O _ : True Type Font
O::O Embedded oO:o o _ c: OO OooOog: O _:Ocg:OO gcoO_ OOOO`1
_1 CSS3 Oc .TTF Font Flle O:::: Embedded O _ _oO:o o _ c::: Flrefox 3.5 Oòc Google Chrome,
Opera, Safarl ogc: oO ocg:Oo:O::O c OOo: cO: O _ cO:ac O _ : .eot O _:o:: Open Type
font flle O::OOOO O` ocg:Oo:O::Oc o:o oOoOO_ OOOO`1
g1 OcO _ :c cg:Oo: ::o:Oc OO:ooc: cO:cO _:o::O OOo: cO: O _ acgOO EOT
O _:o:: Open Type cO:cOcO::a c True Type O _:o:: cO:cOcO:: O OOo: Embedded
oOcO:acg cg: O _ :O`_1
g1 O cO:cOcO _:o:: _-O _:o::: Embedded oOg:Oc @font-face CSS Oc EOT cO:cOO src
:: OOO cO _ _:cO:gO_ O _ o_1 O cO _ _:g:Oco_: src O _ :c:O url O: O_cO:g oO O _ :
local O O_cO:g OoOO`1 OcO _ :cc: local co`_ : O _ _ oOOc:g
cO:cO _:o::O ::cg:O g:cO O _ : :o o _ c: O _ o O _ : c: cg:Oo:Oc O` oOc:coO OOòc
c:cO _ :c O _ o_1
_1 @font-face O OO oo:OOa:Oc: OOo: cg::: : O _ _g oOo gO:: cO _ c
OO:oc: (OOs ) cO:cO _:o::O::O cg:oO O _ : @font-face klt generator Oc cO:cO::O Oos
oO@ EOT Flle, WOFF, SVG ac @font-face CSS flle O::O o co:O OOO gg acO`_1
o1 OO Oooo cOÒ`:c: EOT OcO::O True Type Font Flle O Ooc OO:g OOO :O TTF flle
Ooo:: QO% O o_O::c: EOT flle O::O _ o cO _ :c:ocO:ac_ EOT Fast c:OogO
O_acO_ O _ o_1
Q1 gac oOcO oO:OoOO:: g TTF (True Type Font) O EOT cO _ :c:o@ : O _ _ o _ c:OO OTF
(Open Type Font) O EOT cO _ :c:o : O _ _ o _ c:O OO O cg:OO g_O cOgO:: O _ : O Open Type O EOT
cO _ :c:o : O _ _g OO c:OOÒc: c (_) c O _ c oOc:cac_1
(O) : O _ _O_ Open Type Font flle :: FontForge OOO Free onllne Font Converter OOc True
Type Font O _ o cO _ :c:oO`1
(o) ggo:c: True Type Font O FontForge, WEFT Tool, Onllne TTF->EOT Converter, OOO EOT Fast
og_ c:Oog OoO _:O _:O : O _ _@ EOT OcO _ o cO _ :c:o : O _ _acO_ O _ o_1
5 | P a g e


o: o: o: o:
O _ O: OOs_:oo OOco _ ocoo: o _ c: OOs oOOOoOO:: Oc: O OoO O::c: O _ O:cO:c
O _:o::O:: ooco: OOgo: o _ c: OOs :ocO O:::: oO:: OO ::o_ oOoo: O _ o _ c:
o_Oac CSS3 @font-face cg:oOac o _ c: _:ooac cO:s ocg:Oo:O:: O _ oc: Flrefox 3.5+,
Google Chrome 4+, Opera, Safarl O oO:c:cg_O:: O _ c O::o: o _ c: o_oOO:: OcO _ :c
OocOO oo:OOa:O::Oc O _ O:o O _ cgcg::: Search Englne frlendly OO _ oc: ogOOo OgOO::
scrlpt O:: O _ c OcO: O _ go _ c: o_ o O oO:_ oOc:O:::: oOc:cg OoOcO:O O__
co _ c_O O _ O: oo:OOa:O:::: O _ O:o cO:c:Oo: O _ ccO OOqac_ co _ c
cg:Ogo:cO _ O _ oO`_1
OO _ c OOcOÒ`: OOoO O O _ : OO @ Ocg:Oo: : O _ _ac_ CSS3 _:ooO:: O _ c OO _ :cO:c:
:oOO::Oc O _:O _:c: O _ O: OOs cO:cO::O : O _ _@ O _ O: oo:O:a:O:: cOÒco_:
Typography ::cO: OO:OO:: cg:::OO:: Oc O _ oOO:::: cO O _ cgOO gcO _ :c: :OgOO`_1
c:OOO c:OOO c:OOO c:OOO
Unlcode Unlcode Unlcode Unlcode @ @@ @Font Font Font Font- -- -face face face face O:OoO:: O:OoO:: O:OoO:: O:OoO::

@font-face {
font-famlly: 'Myanmar3';
src: url('mm3.eot');
src: local(''), url('mm3.woff') format('woff'), url('mm3.ttf') format('truetype'),
url('mm3.svg#webfontlH3lev3U') format('svg');
font-welght: normal;
font-style: normal;
}
@font-face {
font-famlly: 'Padauk';
src: url('padauk.eot');
src: local(''), url('padauk.woff') format('woff'), url('padauk.ttf') format('truetype'),
url('padauk.svg#webfont668fbyC3') format('svg');
font-style: normal;
}
@font-face {
font-famlly: 'MasterpleceUnlSans';
src: url('masterplece.eot');
src: local(''), url('masterplece.woff') format('woff'), url('masterplece.ttf') format('truetype'),
url('masterplece.svg#webfontNFne|Izu') format('svg');
font-style: normal;
}
@font-face {
font-famlly: 'Yunghklo';
src: url('yunghklo.eot');
src: local(''), url('yunghklo.woff') format('woff'), url('yunghklo.ttf') format('truetype'), url('yunghklo-
webfont.svg#webfonttbHge4mW') format('svg');
font-style: normal;
6 | P a g e


}
OOO` CSS Code O::_ @font-face klt generator Oc OO : O _ _oc: cO:cO _:o::O O_c:
Generate oO o _ c: O _ c ggo:c: OsO:: O _ o O _ : oOg co:oOc :oO::O`_1 OOO` OsO c:
:ooO:: cO _ c OsO:::: cO:O O:OO: OO oo:OOa: CSS Oc:Oc O_c:
: O _ _ac O`_1 OsOcOòcc: cO:cO::::o: (EOT, TTF, WOFF, SVG) O:: c:OO` ocOc
cs`c:os gOac O _ : OO OOc : O _ _O_ OÒ src url c:Og cO:c O_cg::: OO upload
oOO::_ cg:OOo: _ O _ O_c: cO:g oOO_ O _ oO`_1
=>> Download Web Embedded Myanmar Unlcode Fonts
cO:oO cO:oO cO:oO cO:oO
OOO` c:c:O`:Oc :oO::Oc: O _ O: OOs cO:cO:: ::o:_ O:: O _ _ gO:oacg
O _ oO::c: cg:O::O gO : O _ _O:: o _ c: O _ o O _ : cO:cO:: _OOOcocac O ccoc gOgOO: O`
cO:cO:::: OO: OOoO O::: O _ ocO _ :c: co:o::o: cO:OO`_1
g__:O:O:: g__:O:O:: g__:O:O:: g__:O:O::
CSS3 Info
Expand Your Font Palette Uslng CSS3
Better @font-face Syntax
Bulletproof @font-face syntax
@font-face gotchas

UnicodeAndFont Face

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

UnicodeAndFont Face

Uploaded by

Copyright:

Available Formats

OOs OOs OOs OOs @Font @Font @Font @Font- -- -Face Face Face Face CSS3 CSS3 CSS3

CSS3 CSS3 ac ac ac ac cg:Oo:O:: cg:Oo:O:: cg:Oo:O:: cg:Oo:O::

You might also like