Fonts look low res on WebGL builds, even with TextMeshPro

The WebGL build of my app looks low res, especially fonts. Here's how it looks:


https://imgur.com/a/pw1XJcW

I know WebGL is janky, but I'd like to have a web build available. The Android and iOS builds look fine, so I can't figure out the problem.

The app itself is small, very simple trivia game with just a few basic UI sprites.

Here's what I've done:

- Switched all text to TextureMeshPro
- Ramped up Quality on WebGLBuild Settings
- Tried the various WebGL assets on the Unity store for retina displays
- Switched the camera to Pixel Perfect
- Tried a lot of resolutions in the player settings

And it still looks like Windows 95.

Is there something I'm missing?

 

Is it just the TMPro textures that are blurry or everything?

If the latter, and you are using a version below 2019.3, try this asset.

2019.3 added support for high resolution out of the box.

 

Sorry for the reviving an old post but I am also having this issue, does any one have any idea what to try?

 

This is related to the screen resolution. if you increase the browser window screen everything is start looking good. so we need to find a way to force unity to render the canvas using a high pixel count.

 

Try to don't use dynamic font and set a high value for your font size