Capital letters in Source Code Pro Regular & Bold have "smears" or "artifacts" noticeable at large font sizes

[abrahamguo]

mapbox-gl-js version: 2.0.1

browser: Chrome 87.0.4280.141

Steps to Trigger Behavior

1. Display Source Code Pro (either Bold or Regular) at a large size
2. 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".

[deldrid1]

+1 - I'm seeing the same issue

[mourner]

Interesting! This might be due to low SDF resolution (see #9857), but worth investigating — I would expect rounded corners and other imprecisions but not smears like this. Maybe there's a bug in the shader.

[deldrid1]

@mourner - thank you for the triage and reference.

I would be happy to roll my sleeves up and help fix, but I'll confess that this type of issue is way outside my area of expertise... Please let me know if I can help.