Capital letters in Source Code Pro Regular & Bold have "smears" or "artifacts" noticeable at large font sizes
Open
Nobody has claimed this yet.
bug :lady_beetle:
needs investigation :mag:
- Dominant language
- TypeScript
- Stars
- 12.4k
- Forks
- 2.4k
- PR merge metrics
- No merged PRs in 30d
Description
mapbox-gl-js version: 2.0.1
browser: Chrome 87.0.4280.141
Steps to Trigger Behavior
- Display Source Code Pro (either Bold or Regular) at a large size
- Note the visible "smears" or "artifacts" present on each of the capital letters in the linked JSBin. If you change the font from Source Code Pro Bold to Source Code Pro Regular, the issue is still visible.
Link to Demonstration
https://jsbin.com/jupaxeyuma/2/edit?html,output
Expected Behavior
The font displays with no "smears" or "artifacts".
Actual Behavior
The font displays with noticeable "smears" or "artifacts".
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
Reproduce the issue in the linked JSBin using mapbox-gl-js 2.0.1 and Chrome 87 with Source Code Pro at a large size. Trace the browser text-rendering path used by the map and compare Regular and Bold rendering; done means the capital letters display without visible smears or artifacts.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100