Pixelated Text when using Label

[JakeG-9191]

Issue: See the attached screenshot for example of issue that some team members are encountering, which are the dark pixels surrounding the label text. I have NOT been able to recreate this issue, but have been notified that multiple team members are encountering this issue both in development and in production. For some, it appears to be a consistent issue, for others, it is more random and only happens from time to time.

We are using a label to add fillColor as well as text to each of these objects, and the pixelation appears to be an issue no matter how near or far the user is zoomed. Any thoughts on what the issue is / some potential solutions are greatly appreciated.

Sandcastle example: N/A

Browser: Chrome 89.0.4389.90

Operating System: Mac OS | Big Sur 11.2.3

[dzungpng]

There is some discussion here regarding image scaling which you may find relevant: #7875.

In particular, setting viewer.resolutionScale = window.devicePixelRatio can help with the pixelation. I created an example here:
Sandcastle link.

Without viewer.resolutionScale = window.devicePixelRatio:

With the above set:

[lilleyse]

viewer.useBrowserRecommendedResolution = false is another way of telling CesiumJS to render at the screen's native resolution.

[ggetz]

I think this is the same issue already documented in #4235. I'm going to close this issue to keep the discussion in one place. If you have any further input on this, please post it there instead.