Bug - ʻOkina character does not display properly
mpaluch opened this issue · 0 comments
mpaluch commented
Describe the bug
The Hawaiian ʻokina character does not display properly in the current GCWeb theme when used in body text. The character appears to overlap any following characters instead of having a distinct separation.
It is encoded as unicode character 'MODIFIER LETTER TURNED COMMA' (U+02BB) and can be rendered with HTML entity ʻ.
To Reproduce
Steps to reproduce the behaviour:
- Go to https://wet-boew.github.io/GCWeb/templates/institutional/institution-en.html
- Inspect and edit the first content <div> using developer tools.
- Insert a new paragraph at the beginning using the following:
<p>Hawaiʻi</p> - Update the content on the page by clicking outside the element being edited.
- The page shows the word Hawaiʻi with the ʻokina character overlapping the following letter "i".
Current behaviour
Expected behaviour
The ʻokina character should be displayed with proper spacing as shown on Google's Noto Sans specimen page.
See: https://fonts.google.com/noto/specimen/Noto+Sans?preview.text=Hawai%CA%BBi&preview.text_type=custom
Desktop:
- OS: Windows 10
- Browser: Chrome, Edge, Firefox
- Version: Latest