When I have this type of problem I look at CSS.
As you can see Edge CSS explicitely sets alpha value to 100%. Chrome CSS doesn't set it. I'm not sure what the default level is. I suspect it is not 100%. It looks faded to me.
My goodness, this was a revelation to me! I've pretty much been using Chrome exclusively with PowerApps, so had no idea that using a different browser would help. But it does - Firefox renders the UI so much sharper than Chrome! Disabling hardware acceleration in Chrome as recommended by @dods did the trick for me too - thanks.
That said, PowerApps is the only platform I've encountered that has this problem in Chrome...
@mogulman @Interlock @PhilD @LeMan Blurry fonts in Chrome is a known issue when GPU rendering is enabled and multiple GPU compositing layers are created via CSS properties like transform, etc. In some cases, adding (or removing) an additional compositing layer underneath the text layer can help alleviate the blurriness.
In the current situation, a recent optimization removed one of these GPU compositing layers from underneath the text layer and has caused a regression in the level of blurriness. A fix has already been identified and is expected to be deployed worldwide by end of next week. I will post an update to this thread when the deployment is complete.
I made a change to an app, saved and published it, and verified that the Live version of my app is now 3.19012.19. But alas, I'm not seeing any improvement on the blurry fonts in Chrome.
The one on the left is from Chrome, and the one on the right from Edge.
Would be interested to hear how others are finding it on the new version.
Read the announcement for more information!
Congrats to the finalists of our ‘Better Together’-themed T-shirt design contest! Click for the top entries.
Features releasing from October 2019 through March 2020
Innovate, Collaborate, Grow - The top training and networking event across the globe for Microsoft Business Applications