EMBED KHMER FONTSDocumentation

On Firefox3.5, Safari, Opera, Google Chrome

BY: MR. HY CHAN HAN

AGENDA

1. IntroductionOverviewEmbed font definitionW3C & CSS3

2. How to embed Khmer Unicode3. How to embed Limon fonts 4. References5. 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 your designs, with quite a few important changes.

Tim Berners-Lee, W3C Director and inventor of the World Wide Web

INTRODUCTION

3- W3C & CSS3 A few of CSS3 's new features have:

Box ModelList Module HyperLinkBackground and bordersText EffectsMulti-column LayoutEmbed font face

Tim Berners-Lee, W3C Director and inventor of the World Wide Web

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!