The Philippines Unicode & Font test with Barabara font avatar
Yohan Yukiya Sese-Cuneta
 | | 6 minutes read | Update at

Fediverse Follow

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

ᜀᜅ᜔(Ang) ᜐᜓ(su)ᜎᜆ᜔(lat) (Ta)(ga)ᜎᜓᜄ᜕(log)(Baybayin Tagalog script)

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

AE/IO/Ue/i
(diacritic)
o/u
(diacritic)

Tagalog consonants

BaKaDaGaHa
LaMaNaN͠gaPa
RaSaTaWaYa

Tagalog Punctuations and Archaic Ra

Ra
(archaic)
Pamudpod
(diacritic)
Virama
(diacritic)
Pause
(comma)
Full-stop
(period)

Tagalog examples

Noto Sans Tagalog font

(O)ᜂ᜶(o.) (Yes.)

(Ka)ᜉᜄ᜔(pag) (i)ᜌᜓᜅ᜔(yong) ᜉᜒ(pi)ᜈᜄ᜔(nag)ᜑᜈ(han)(da)ᜀᜈ᜔(an) (If you prepare)

ᜀᜅ᜔(ang) ᜃᜒ(ki)(na)ᜊᜓ(bu)(ka)ᜐᜈ᜔᜵(san,) (for the future,)

(wa)ᜎᜅ᜔(lang) (ma)(ka)ᜉᜒ(pi)ᜉᜒ(pi)ᜄᜒᜎ᜔(gil) (no one can stop you)

(na) (ma)(ra)ᜆᜒᜅ᜔(ting) ᜋᜓ(mo) (from reaching)

ᜀᜅ᜔(ang) (i)ᜌᜓᜅ᜔(yong) (m(ma))(ga(n͠ga)) (pa)(nga)ᜍᜉ᜕(rap.) (your dreams.)

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

(O)ᜂ᜶(o.) (Yes.)

(Ka)ᜉᜄ᜔(pag) (i)ᜌᜓᜅ᜔(yong) ᜉᜒ(pi)ᜈᜄ᜔(nag)ᜑᜈ(han)(da)ᜀᜈ᜔(an) (If you prepare)

ᜀᜅ᜔(ang) ᜃᜒ(ki)(na)ᜊᜓ(bu)(ka)ᜐᜈ᜔᜵(san,) (for the future,)

(wa)ᜎᜅ᜔(lang) (ma)(ka)ᜉᜒ(pi)ᜉᜒ(pi)ᜄᜒᜎ᜔(gil) (no one can stop you)

(na) (ma)(ra)ᜆᜒᜅ᜔(ting) ᜋᜓ(mo) (from reaching)

ᜀᜅ᜔(ang) (i)ᜌᜓᜅ᜔(yong) (m(ma))(ga(n͠ga)) (pa)(nga)ᜍᜉ᜕(rap.) (your dreams.)

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.


ᜠᜥ᜴(Ang) ᜰᜳ(su)ᜭᜦ᜔(rat) (Ha)ᜨᜳ(nu)ᜨᜳ(nó)(o)(Baybayin Hanunóo script)

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

AE/IO/Ue/i
(diacritic)
o/u
(diacritic)
◌ᜲ◌ᜳ

Hanunoo Consonants

BaKaDaGaHa
LaMaNaN͠gaPa
RaSaTaWaYa

Hanunoo Punctuations

Pamudpod
(diacritic)
Pause
(comma)
Full-stop
(period)
◌᜴

Hanunoo examples

Noto Sans Hanunoo font

(O)ᜢ᜶(o.) (Yes.)

(Ka)ᜩᜤ᜔(pag) (i)ᜬᜳᜥ᜔(yong) ᜩᜲ(pi)ᜨᜠᜤ᜔(nag)ᜱᜠᜨ᜔(han)(da)ᜠᜨ᜔(an) (If you prepare)

ᜠᜥ᜔(ang) ᜣᜲ(ki)(na)ᜪᜳ(bu)(ka)ᜰᜨ᜔᜵(san,) (for the future,)

(wa)ᜮᜥ᜔(lang) (ma)(ka)ᜩᜲ(pi)ᜩᜲ(pi)ᜤᜲᜮ᜔(gil) (no one can stop you)

(na) (ma)(ra)ᜦᜲᜥ᜔(ting) ᜫᜳ(mo) (from reaching)

ᜠᜥ᜔(ang) (i)ᜬᜳᜥ᜔(yong) (m(ma))(ga(n͠ga)) (pa)(nga)ᜭᜩ᜴(rap.) (your dreams.)

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

(O)ᜢ᜶(o.) (Yes.)

(Ka)ᜩᜤ᜔(pag) (i)ᜬᜳᜥ᜔(yong) ᜩᜲ(pi)ᜨᜠᜤ᜔(nag)ᜱᜠᜨ᜔(han)(da)ᜠᜨ᜔(an) (If you prepare)

ᜠᜥ᜔(ang) ᜣᜲ(ki)(na)ᜪᜳ(bu)(ka)ᜰᜨ᜔᜵(san,) (for the future,)

(wa)ᜮᜥ᜔(lang) (ma)(ka)ᜩᜲ(pi)ᜩᜲ(pi)ᜤᜲᜮ᜔(gil) (no one can stop you)

(na) (ma)(ra)ᜦᜲᜥ᜔(ting) ᜫᜳ(mo) (from reaching)

ᜠᜥ᜔(ang) (i)ᜬᜳᜥ᜔(yong) (m(ma))(ga(n͠ga)) (pa)(nga)ᜭᜩ᜴(rap.) (your dreams.)

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.


ᝀᝅ᜔(Ang) ᝐᝓ(su)ᝍᝆ᜔(rat) ᝊᝓ(Bu)ᝑᝒᝇ᜴(hid)(Baybayin Buhid script)

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

AE/IO/Ue/i
(diacritic)
o/u
(diacritic)
◌ᝒ◌ᝓ

Buhid Consonants

BaKaDaGaHa
LaMaNaN͠gaPa
RaSaTaWaYa

Buhid Punctuations

Pamudpod
(diacritic)
Pause
(comma)
Full-stop
(period)
◌᜴

Buhid examples

Noto Sans Buhid font

(O)ᝂ᜶(o.) (Yes.)

(Ka)ᝉᝄ᜔(pag) (i)ᝌᝓᝅ᜔(yong) ᝉᝒ(pi)ᝈᝄ᜔(nag)ᝑᝈ᜔(han)(da)ᝀᝈ᜔(an) (If you prepare)

ᝀᝅ᜔(ang) ᝃᝒ(ki)(na)ᝊᝓ(bu)(ka)ᝐᝈ᜔᜵(san,) (for the future,)

(wa)ᝎᝅ᜔(lang) (ma)(ka)ᝉᝒ(pi)ᝉᝒ(pi)ᝄᝒᝎ᜔(gil) (no one can stop you)

(na) (ma)(ra)ᝆᝒᝅ᜔(ting) ᝋᝓ(mo) (from reaching)

ᝀᝅ᜔(ang) (i)ᝌᝓᝅ᜔(yong) (m(ma))(ga(n͠ga)) (pa)(nga)ᝍᝉ᜴(rap.) (your dreams.)

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

(O)ᝂ᜶(o.) (Yes.)

(Ka)ᝉᝄ᜔(pag) (i)ᝌᝓᝅ᜔(yong) ᝉᝒ(pi)ᝈᝄ᜔(nag)ᝑᝈ᜔(han)(da)ᝀᝈ᜔(an) (If you prepare)

ᝀᝅ᜔(ang) ᝃᝒ(ki)(na)ᝊᝓ(bu)(ka)ᝐᝈ᜔᜵(san,) (for the future,)

(wa)ᝎᝅ᜔(lang) (ma)(ka)ᝉᝒ(pi)ᝉᝒ(pi)ᝄᝒᝎ᜔(gil) (no one can stop you)

(na) (ma)(ra)ᝆᝒᝅ᜔(ting) ᝋᝓ(mo) (from reaching)

ᝀᝅ᜔(ang) (i)ᝌᝓᝅ᜔(yong) (m(ma))(ga(n͠ga)) (pa)(nga)ᝍᝉ᜴(rap.) (your dreams.)

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.


ᝠᝥ᜕(Ang) ᝰᝳ(su)ᝮᝦ᜔(lat) ᝦᝤ᜔(Tag)ᝪᝨ᜔(ban)(wa)(Baybayin Tagbanwa script)

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

AE/IO/Ue/i
(diacritic)
o/u
(diacritic)
◌ᝲ◌ᝳ

Tagbanwa Consonants

BaKaDaGaHa
LaMaNaN͠gaPa
RaSaTaWaYa

Tagbanwa example

Noto Sans Tagbanwa font


(a([ɐ]))ᝣᝳ(ko) ᝠᝬ᜔(a([ɐ])y)(I am) (na)(ma)(ma)(la)ᝤᝲ(gi)(residing) (ma)(lá)ᝩᝲᝦ᜔(pit)(near)

(sa) (i([ɪ]))ᝰᝥ᜔(san͠g)(a) ᝩᝫ᜔(pam)ᝩᝥ᜕(pan͠g.)(shore.)

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.

Did you like it? Do share this post, leave a comment below, and send me a gift! (opens in a new tab/window)

avatar

Yohan Yukiya Sese-Cunetaㆍ사요한・謝雪矢·ᜌᜓᜃᜒIf this is not the end of oblivion, then I shall live everyday as if my life were to end this very day.

The YOOki Chronicles

The YOOki Chronicles is Yohan Yukiya Sese-Cuneta’s return into casual and personal blogging. The name “YOOki” is a mash-up of the acronym of YourOnly.One and my nickname ᜌᜓᜃᜒ (Yuki・雪矢).

Interestingly, according to Chinese legend, (YOO) is an ancient Chinese surname. The ancestors of the surname were closely linked with the ancient sage-king named Yu Shun. In Korea, the (YU) lineage traces to the Xia, Han, and Joseon dynasties. Holders of the surname Yu or Yoo had a reputation for charity and diligence.1

It is also the word for “willow” or the “willow tree” which means graceful or slender; and a tree growing near a body of water which provide continuous nourishment and resources for everyone. It can also mean to exist, an oil (anointment(?)), and simply as “U” (you).

The Hanzi (ki) character means to record, be disciplined, provide order. While the Hangeul equivalent, (ki), means energy, spirit, a banner, and a period of time; and is also a suffix used to make a gerund or an infinitive.

Now Playing
Social Links