Author: SIL International: software.sil.org/wstech
Description: An example of using Padauk on your web page via WOFF

# Using Padauk webfonts

The page demonstrates how to use the WOFF2 version of Padauk for web pages, using local copies of the .woff2 files in this archive. For more information on this technique - and how to use the normal TrueType version as a web font - see Using SIL Fonts on Web Pages.

The body of this document is styled using an external stylesheet, with Padauk set as the default font, and loaded directly as a WOFF2 file using the @font-face rule. If you're seeing a sans-serif font here and the Padauk typeface in the next paragraph, then it is working. Otherwise the text will be in a serif font or your browser default. This technique should work in Firefox, Chrome, Safari and Edge.

Myanmar sample text (taken from Universal Declaration of Human Rights - Burmese):

၁၉၄၈ ခုနှစ်၊ဒီဇင်ဘာလ ၁၀ ရက်နေ့တွင် ကမ္ဘာ့ကုလသမဂ္ဂအဖွဲ့ညီလာခံ အစည်းအဝေးကြီးက လူ့အခွင့်အရေး ကြေညာစာတမ်းကြီးကို အတည်ပြု၍ ကြေညာလိုက်ရာထိုကြေညာစာတမ်းကြီး၏ စာသားသည်နောက်စာမျက်နှာ များတွင် အပြည့်အစုံပါရှိသည်။ ဤကဲ့သို့ရာဇဝင်တင်မည့် ကြေညာချက်ကို ပြုလုပ်ပြီးနောက် ဤညီလာခံအစည်းအဝေးကြီးက ကမ္ဘာ့ကုလသမဂ္ဂအဖွဲ့ဝင် နိုင်ငံ အားလုံးအား ထိုကြေညာစာတမ်းကြီး၏ စာသားကိုအများပြည်သူတို့ ကြားသိစေရန် ကြေညာပါမည့် အကြောင်းကိုလည်းကောင်း၊ ထို့ပြင်နိုင်ငံများ၊ သို့တည်းမဟုတ် နယ်မြေများ၏ နိုင်ငံရေး အဆင့်အတန်းကို လိုက်၍ ခွဲခြားခြင်း မပြုဘဲအဓိကအားဖြင့် စာသင်ကျောင်းများနှင့် အခြားပညာရေး အဖွဲ့အစည်းများတွင် ထိုကြေညာစာတမ်းကြီးကို ဖြန့်ချိ ဝေငှ စေရန်၊ မြင်သာအောင် ပြသထားစေရန်၊ဖတ်ကြားစေရန်နှင့် အဓိပ္ပါယ်ရှင်းလင်း ဖော်ပြစေရန် ဆောင်ရွက်ပါမည့် အကြောင်းဖြင့် လည်းကောင်း ဆင့်ဆို လိုက်သည်။

## Padauk user-selectable features

The Padauk font includes a number of optional features that provide alternative rendering that might be preferable for use in some contexts. The examples below show the results of applying these features. Whether these features are available to users will depend on both the application and the rendering technology (Graphite or OpenType) being used. Graphite features are available in Firefox. The OpenType features are used in other browsers. Further documentation of these feature is available in the documentation folder of the font download.

To see specifically how these techniques are specified in the CSS and HTML, view the source to this page and the accompanying CSS file.

Character Variant 1 (Filled dots)
No filled dots - feature cv01=0
ံ း ႇ ႈ ႉ ႊ ႚ ႛ ꩻ
Filled dots - feature cv01=1
ံ း ႇ ႈ ႉ ႊ ႚ ႛ ꩻ

Character Variant 2 (Tear drop style washwe)
Round style washwe - feature cv02=0
တွ ျွ ြွ ွှ
Tear drop style washwe - feature cv02=1
တွ ျွ ြွ ွှ

Character Variant 3 (Asho Chin variants)
No variant - feature cv03=0
ကၭ
Asho Chin variant - feature cv03=1
ကၭ

Character Variant 4 (Thai Mon variants)
No variants - feature cv04=0
ဃ ဋ ဌ ဍ ဎ ဒ န သ ဠ အ ဣ ဿ ၉ ၊ ။ ၚ်္
Thai Mon variants - feature cv04=1
ဃ ဋ ဌ ဍ ဎ ဒ န သ ဠ အ ဣ ဿ ၉ ၊ ။ ၚ်္

Character Variant 5 (Aiton Phake special characters over Khamti)
No variants - feature cv05=0
က︀ ၵ︀ ꩡ︀ ၺ တ︀ ꩫ︀ ၸ︀ ယ︀ ꩺ လ︀ ꩭ ဢ︀ ြ
Aiton Phake special characters over Khamti - feature cv05=1
က︀ ၵ︀ ꩡ︀ ၺ တ︀ ꩫ︀ ၸ︀ ယ︀ ꩺ လ︀ ꩭ ဢ︀ ြ

Character Variant 6 (Khamti variant)
No variants - feature cv06=0
က︀ႆ က︀ႆႈꩰ
Khamti variant U+1086 - feature cv06=1
က︀ႆ က︀ႆႈꩰ

Character Variant 7 (Slanted hato)
Upright - feature cv07=0
ှ ှု ှူ ၡ ၦ
Sgaw style slanted leg with horizontal foot - feature cv07=1
ှ ှု ှူ ၡ ၦ
Slanted leg with right angled foot - feature cv07=2
ှ ှု ှူ ၡ ၦ

Character Variant 9 (Tai Laing variant)
No variants - feature cv09=0
ꩬ
Tai Laing variant U+AA6C - feature cv09=1
ꩬ

Sgaw Karen language features
Padauk with no special features.
ၡူး ၦ့ၤချ့ ခှ ကွ့

Tone mark shifts left when language is set to "ksw".
ၡူး ၦ့ၤချ့ ခှ ကွ့

Language "ksw" with teardrop style washwe (feature cv02=1) and slanted hato (feature cv07=1)
ၡူး ၦ့ၤချ့ ခှ ကွ့

Rendering technology test
Padauk has special code to show which rendering technology is being used right now in your browser, displaying it in green: RenderingUnknown.

© 2021, SIL Interational