This test page serves as a place to check a browser’s Unicode and font support for the various Baybayin script variants in the Philippines. There are different test cases to cover as many possible issues that may arise or were encountered.
Please note that I am using CSS @font-face to display these Unicode scripts. It ensures that you will see the scripts even if you do not have a Unicode-compliant font installed in your computer.
However, if you attempt to copy-and-paste these examples elsewhere, say in a social network service like Facebook or Twitter, it may display as boxes or circles if you do not have a proper/pure Unicode-compliant font installed.
If you are viewing this via AMP, Instant Articles, or overriding this with your own mobile template, you will not see this page as it should be presented.
It is advisable to open this page in the latest Firefox browser for desktop, Android (desktop mode), and iOS (desktop mode). Chromium/Chrome–based browsers may or may not work (sometimes there are bugs marked as “working-as-intended” or “won’t fix”; other times it was left behind in the past).
Barabara Webfont Test
The Barabara font is a typography based on jeepney signboards and sari-sari store boards in the Philippines.
More examples
- Nanay’s Sari-sari Store
- Agila
- Baguio
- Iloilo
- Biyaheng Langit
ᜀᜅ᜔ ᜐᜓ ᜎᜆ᜔ ᜆ ᜄ ᜎᜓᜄ᜕
The above Noto Sans Tagalog font displays correctly in Gecko–based browsers—like Mozilla Firefox—and Blink–based browsers—like Naver Whale and Microsoft Edge.
Tagalog vowels
| A | E/I | O/U | e/i (diacritic) | o/u (diacritic) |
|---|---|---|---|---|
| ᜀ | ᜁ | ᜂ | ᜒ | ᜓ |
Tagalog consonants
| Ba | Ka | Da | Ga | Ha |
|---|---|---|---|---|
| ᜊ | ᜃ | ᜇ | ᜄ | ᜑ |
| La | Ma | Na | N͠ga | Pa |
|---|---|---|---|---|
| ᜎ | ᜋ | ᜈ | ᜅ | ᜉ |
| Ra | Sa | Ta | Wa | Ya |
|---|---|---|---|---|
| ᜍ | ᜐ | ᜆ | ᜏ | ᜌ |
Tagalog Punctuations and Archaic Ra
| Ra (archaic) | Pamudpod (diacritic) | Virama (diacritic) | Pause (comma) | Full-stop (period) |
|---|---|---|---|---|
| ᜟ | ᜕ | ᜔ | ᜵ | ᜶ |
Tagalog examples
Noto Sans Tagalog font
The font above can be downloaded from Noto Dashboard: Noto Tagalog.
The above Noto Sans Tagalog font displays correctly in Gecko–based browsers—like Mozilla Firefox—and Blink–based browsers—like Naver Whale and Microsoft Edge.
Nordenx’s Baybayin Modern Club font
The font above is a subset of Nordenx’s Baybayin Modern Club Font before Unicode 14.0 (Tagalog pamudpod), used with permission for web embed.
The new Tagalog pamudpod is currently not working correctly in Gecko–based browsers—like Mozilla Firefox. It is a bug in the webfont subset itself used on this website.
ᜠᜥ᜴ ᜰᜳ ᜭᜦ᜔ ᜱ ᜨᜳ ᜨᜳ ᜢ
The above font by Nordenx displays correctly in Gecko–based browsers—like Mozilla Firefox—and Blink–based browsers—like Naver Whale and Microsoft Edge.
Hanunoo Vowels
| A | E/I | O/U | e/i (diacritic) | o/u (diacritic) |
|---|---|---|---|---|
| ᜠ | ᜡ | ᜡ | ◌ᜲ | ◌ᜳ |
Hanunoo Consonants
| Ba | Ka | Da | Ga | Ha |
|---|---|---|---|---|
| ᜪ | ᜣ | ᜧ | ᜤ | ᜱ |
| La | Ma | Na | N͠ga | Pa |
|---|---|---|---|---|
| ᜮ | ᜫ | ᜨ | ᜥ | ᜩ |
| Ra | Sa | Ta | Wa | Ya |
|---|---|---|---|---|
| ᜭ | ᜰ | ᜦ | ᜯ | ᜬ |
Hanunoo Punctuations
| Pamudpod (diacritic) | Pause (comma) | Full-stop (period) |
|---|---|---|
| ◌᜴ | ᜵ | ᜶ |
Hanunoo examples
Noto Sans Hanunoo font
The font above can be downloaded from Noto Dashboard: Noto Hanunoo.
If the Baybayin diacritics are not appearing correctly, there is a bug in your browser or in the font itself. For the record, it works perfectly in Gecko–based browsers—like Mozilla Firefox.
Nordenx’s Baybayin Mangyan Hanunóo Brush font
The font above is a subset of Nordenx’s Baybayin Mangyan Hanunóo Brush Font before Unicode 14.0, used with permission for web embed.
The above font by Nordenx displays correctly in Gecko–based browsers—like Mozilla Firefox—and Blink–based browsers—like Naver Whale and Microsoft Edge.
ᝀᝅ᜔ ᝐᝓ ᝍᝆ᜔ ᝊᝓ ᝑᝒᝇ᜴
The above font by Nordenx displays correctly in Gecko–based browsers—like Mozilla Firefox—and Blink–based browsers—like Naver Whale and Microsoft Edge.
Buhid Vowels
| A | E/I | O/U | e/i (diacritic) | o/u (diacritic) |
|---|---|---|---|---|
| ᝀ | ᝁ | ᝁ | ◌ᝒ | ◌ᝓ |
Buhid Consonants
| Ba | Ka | Da | Ga | Ha |
|---|---|---|---|---|
| ᝊ | ᝃ | ᝇ | ᝄ | ᝑ |
| La | Ma | Na | N͠ga | Pa |
|---|---|---|---|---|
| ᝎ | ᝋ | ᝈ | ᝅ | ᝉ |
| Ra | Sa | Ta | Wa | Ya |
|---|---|---|---|---|
| ᝍ | ᝐ | ᝆ | ᝏ | ᝌ |
Buhid Punctuations
| Pamudpod (diacritic) | Pause (comma) | Full-stop (period) |
|---|---|---|
| ◌᜴ | ᜵ | ᜶ |
Buhid examples
Noto Sans Buhid font
The font above can be downloaded from Noto Dashboard: Noto Buhid.
If the Baybayin diacritics are not appearing correctly, there is a bug in your browser or in the font itself. For the record, it works perfectly in Gecko–based browsers—like Mozilla Firefox.
Nordenx’s Baybayin Mangyan Buhid font
The font above is a subset of Nordenx’s Baybayin Mangyan Buhid Font before Unicode 14.0, used with permission for web embed.
The above font by Nordenx displays correctly in Gecko–based browsers—like Mozilla Firefox—and Blink–based browsers—like Naver Whale and Microsoft Edge.
ᝠᝥ᜕ ᝰᝳ ᝮᝦ᜔ ᝦᝤ᜔ ᝪᝨ᜔ ᝯ
If the Baybayin diacritics are not appearing correctly, there is a bug in your browser or in the font itself. For the record, it works perfectly in Gecko–based browsers—like Mozilla Firefox.
Tagbanwa Vowels
| A | E/I | O/U | e/i (diacritic) | o/u (diacritic) |
|---|---|---|---|---|
| ᝠ | ᝡ | ᝡ | ◌ᝲ | ◌ᝳ |
Tagbanwa Consonants
| Ba | Ka | Da | Ga | Ha |
|---|---|---|---|---|
| ᝪ | ᝣ | ᝧ | ᝤ |
| La | Ma | Na | N͠ga | Pa |
|---|---|---|---|---|
| ᝮ | ᝫ | ᝨ | ᝥ | ᝩ |
| Ra | Sa | Ta | Wa | Ya |
|---|---|---|---|---|
| ᝰ | ᝦ | ᝯ | ᝬ |
Tagbanwa example
Noto Sans Tagbanwa font
The font above can be downloaded from Noto Dashboard: Noto Tagbanwa.
If the Baybayin diacritics are not appearing correctly, there is a bug in your browser or in the font itself. For the record, it works perfectly in Gecko–based browsers—like Mozilla Firefox.
Baybayin for Websites
You can learn how to properly display Baybayin scripts by reading The LANG Attribute.
Baybayin for Desktop
You can type Baybayin-Buhid, Baybayin-Hanunoo, Baybayin-Tagalog, and Baybayin-Tagbanwa, using your keyboard today! Simply download the Philippines Unicode Keyboard Layout applicable for your system. It does not include the needed fonts to display these writing scripts. Check the wiki for fonts you can download.
Attributions
- Barabara font by It’s More Fun in the Philippines, can be freely used in any way for whatever purpose according to representatives of the Department of Tourism.
- Baybayin fonts by Nordenx, used with permission.
- Baybayin Noto fonts by Google.
