This page looks best with JavaScript enabled

The Philippines Unicode & Font test with Barabara font

Unicode and font test page for Philippines related scripts. Test your browser and operating system today!

 ·   ·  ☕ 6 min read  · 
❄️ Yohan Yukiya Sese-Cuneta
    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.
    Share on

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

    See Also