The Philippines Unicode & Font test with Barabara font

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

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

ᜂ(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

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)ᜨᜳ(nó)ᜢ(o)(Baybayin Hanunó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

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

ᜢ(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 Hanunóo Brush font

The font above is a subset of Nordenx’s Baybayin Mangyan Hanunó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

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

ᝂ(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

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

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

ᝠ(a([ɐ]))ᝣᝳ(ko) ᝠᝬ᜔(a([ɐ])y)(I am) ᝨ(na)ᝫ(ma)ᝫ(ma)ᝮ(la)ᝤᝲ(gi)(residing) ᝫ(ma)ᝮ(lá)ᝩᝲᝦ᜔(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.