Playfair Display Bold is too thin at large sizes
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 12.4k
- Forks
- 2.4k
- PR merge metrics
- No merged PRs in 30d
Description
**mapbox-gl-js version**: 1.12.0
**browser**: Chrome 87.0.4280.88 on Mac
### Steps to Trigger Behavior
1. Use Playfair Display 700 at a large font size.
2. Parts of the font are too thin.
### Link to Demonstration
[https://jsbin.com/yolajenehi/edit?html,output](https://jsbin.com/yolajenehi/edit?html,output)
### Expected Behavior
The font is fully readable.
### Actual Behavior
Some parts of the font (left edge of the "M", bottom of the "o") are too thin.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the linked JSBin reproduction using mapbox-gl-js 1.12.0, Playfair Display 700, and a large font size in Chrome on macOS. Compare the thin glyph edges shown in the demonstration with the expected fully readable rendering. Done means the reported Playfair Display rendering issue is resolved and the reproduction no longer shows the affected strokes.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, typescript
- Domain
- frontend, web-dev
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 30/100