Mobile browsers incorrectly rendering some fonts such as Padauk
- Dominant language
- HTML
- Stars
- 20.5k
- Forks
- 2.9k
- Avg merge
- 1d 22h
- Merged PRs (30d)
- 96
Description
When glyphs 193 and 208 are used together, 208 should appear above 193. However, on mobile browsers that I've tested. iOS Chrome and Safari, 208 shows next to 193 and a dashed circle appears below 208. This issue does not appear in desktop browsers.
I have included screen shots of one good rending on Mac Chrome desktop and two bad renderings from iOS Chrome mobile.
Font used: https://fonts.google.com/specimen/Padauk
Sample text: တၢ်ဒ်န့ၣ်အလီၢ်ခံန့ၣ်
Contributor guide
Research direction
Start by reproducing the Padauk sample text with glyphs 193 and 208 in iOS Chrome and Safari, then compare the result with Mac Chrome desktop using the screenshots as reference. Done means glyph 208 renders above 193 on the affected mobile browsers without the dashed circle appearing below it.
Written by the indexing model from the issue text.
Assessment
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 25/100