mapbox / mapbox/mapbox-gl-js

Khmer and Burmese languages not rendered correctly

Open
#8,015 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

feature :green_apple:
Dominant language
TypeScript
Stars
12.4k
Forks
2.4k
PR merge metrics
No merged PRs in 30d

Description

**mapbox-gl-js version**: 0.53.1

**browser**: Firefox (Ubuntu 16.04)

### Steps to Trigger Behavior

1. Download zip containing examples together with pbf encoded fonts
[fontTest.zip](https://github.com/mapbox/mapbox-gl-js/files/2951741/fontTest.zip)
2. Host locally folder with fonts from zip on port 8080
3. Open provided html pages

### Expected Behavior
Label for Phnom Penh (Cambodia capital) is rendered correctly using proper fonts.
![image (2)](https://user-images.githubusercontent.com/22557451/54115808-9e150a80-43ed-11e9-9b59-bae94d493065.png)

Label for Naypyidaw (Myanmar capital) is rendered correctly using proper fonts.
![image (3)](https://user-images.githubusercontent.com/22557451/54115855-bdac3300-43ed-11e9-8487-8d3c5a86eb00.png)

### Actual Behavior
Label for Phnom Penh is rendered incorrectly using google Noto Sans Khmer font (https://www.google.com/get/noto/#sans-khmr) on the right, and Khmer font (https://fonts.google.com/specimen/Khmer) on the left.
![image](https://user-images.githubusercontent.com/22557451/54116060-390de480-43ee-11e9-9203-b013c27f6aa0.png)

Label for Naypyidaw is rendered incorrectly using google Noto Sans Myanmar font (https://www.google.com/get/noto/#sans-mymr) on the left and Padauk font (https://fonts.google.com/?subset=myanmar) on the right.
![image](https://user-images.githubusercontent.com/22557451/54116269-afaae200-43ee-11e9-8de6-270eb208ea96.png)

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the problem using the linked fontTest.zip, its local HTML pages, and Firefox on Ubuntu 16.04; compare Khmer and Burmese labels with the expected images. Trace the text-rendering path to identify where these scripts diverge, and consider the work done when both labels render correctly with the supplied fonts and a regression test covers the behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend, internationalization
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.