EMBED KHMER FONTS Documentation
On Firefox3.5, Safari, Opera, Google Chrome
BY: MR. HY CHAN HAN

AGENDA
1. Introduction
Overview
Embed font definition
W3C & CSS3
2. How to embed Khmer Unicode
3. How to embed Limon fonts
4. References
5. Contact Us

INTRODUCTION
1- Overview
How to embed Khmer font is a main core that there are
many developers wish to get it in hand to embed on some
web browsers such as Firefox, safari, opera, google
chrome except IE.
After several of years as there are many online
discussion about this serious issue, web standard
community try to find out and develop new feature or new
next generation of web technologies to support all those
things for over the world.

INTRODUCTION
2- Embed Font Definition
What does "Embed Font" mean? Is a
way which it makes our web pages still can
be viewed by visitors even if their computer
have not been installed those fonts.
For instance, when you visit any website
which use Khmer Unicode fonts and you
cannot read it and just displays square
symbols so it means that website is not
made font embedding yet.

INTRODUCTION
3- W3C & CSS3
What is W3C? Is an
international consortium where
to develop web standard.
CSS3 is the next generation of
CSS that offer a hugs of new
ways to create an impact with
Tim Berners-Lee, W3C
your designs, with quite a few Director and inventor of
the World Wide Web
important changes.

INTRODUCTION
3- W3C & CSS3
A few of CSS3 's new
features have:
Box Model
List Module
HyperLink
Background and borders Tim Berners-Lee, W3C
Text Effects Director and inventor of
the World Wide Web
Multi-column Layout
Embed font face

HOW TO EMBED KHMER UNICODE
CSS3 is not new, it is just the
new term that W3C has posted it
recently how to make them to
load dynamically from server to
user agent's computer.
This section i will guide you how
to embed Khmer Unicode
(Khmer OS), File name: KhmerOS.ttf

HOW TO EMBED KHMER UNICODE
Step1: Upload KhmerOS.ttf to the
specific folder in your hosting
Step2: Use style sheet as below:
<style>
@font-face {
font-family: “Khmer OS”;
src: url(http://domainname/font/KhmerOS.
ttf);
}
p { font-family: Khmer OS, Time New Roman; }
</style>

HOW TO EMBED KHMER UNICODE
Step3: Please test your web page.
Enjoy your Khmer Unicode
embedding!!!

HOW TO EMBED LIMON FONTS
It is the same to the instruction of Khmer
Unicode embed.
<style>
@font-face {
font-family: “Limon S1”;
src: url(http://domainname/font/lmns1.ttf);
}
p { font-family: Limon S1, Time New Roman; }
</style>
Enjoy with your time!!!

REFERENCES
1. http://www.w3.org/TR/2009/WD-css3-fonts-
20090618/
2. http://khmertype.blogspot.com/2009/07/web-
fonts-for-open-source-view-from.html
3. http://www.zenelements.co.uk/blog/css3-
introduction/

CONTACT US
Mr. HY ChanHan
Organization: The Open Institute
E-Mail: hy.chanhan[@]gmail[dot]com
Follow me http://twitter.com/hychanhan
Thanks!