How to Display Hawaiian Characters in Your HTML

One of my long term goals is to learn the Hawaiian language. I know a number of words and I studied the pronunciation years ago, so I’m not terrible with pronunciation.

Hawaiʻ i is not the same as Hawa’i or Hawaii.


As I start writing more Hawaiian words (including Hawaiʻ i), I want them to be correct. The ʻ , or ʻokina, is not an apostrophe, displayed as ‘. I won’t go into the details of the language here, but know there is a difference. Just as WordPress has a capital p and is not written Wordpress, Hawaiʻ i is not the same as Hawaii or Hawai’i.

Below is a chart of the letters in case you need to use them on your own site.

Letters Hex Code Entity
ʻ (ʻOkina) ʻ
Ā Ā Ā
ā ā ā
Ē Ē Ē
ē ē ē
Ī Ī Ī
ī ī ī
Ō Ō Ō
ō ō ō
Ū Ū Ū
ū ū ū

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.