TextBlock rendering distortion

Use Github issues ONLY for bugs validated on the forum first!

We have a really active forum to help answering questions (https://forum.babylonjs.com/)


  • Bug repro on : playground
  • Expected result: Render crisp fonts at 24px size
  • Current result: Rendered oversized, blurry text

If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: window10
  • Browser: chrome
  • Version : 4.2.0

Additional context
When I use the playground code, I add 24px sized text, on my page it shows a huge very blurry font, but on the playground it looks normal. I don’t know what’s going on with this, it seems like my text is magnified several times. I know that setting the advancedTexture’s renderScale can solve this problem, when I set it to 10 it looks normal. But I still want to know the reason, my code is almost the same as the playground, thanks.

Hello and welcome to the Babylon community! Can you share how your website is set up? It might be something on the way the canvas is configured, but it’s hard to know without more info.

Hello @aim-leo just checking in if you still need any help?