Font rendering is blurry

[Mungster]

Describe the bug
When opening up Dotto, the fonts look blurry.

To Reproduce
Steps to reproduce the behavior:

1. Go to the Dotto online page
2. Set fractional scaling on your desktop environment to 125%
3. Look at the fonts being blurry

Expected behavior
The fonts should be clear.

Screenshots

Desktop

• OS: Fedora Linux 38
• Scaling Factor: 125%
• Desktop Environment: KDE Plasma
• Display Server: Wayland
• Browser: Firefox 112.0.2 (64-bit)

[Dimensional Space]

I think it's because the font is thin and shrunken down to a small size making it blurry

Solution: Use a bold variant (I have no idea where the font is called)

[Felipe Manga]

I'm pretty sure there isn't an issue with the font itself (otherwise we'd see the same blurriness elsewhere). I haven't been able to replicate the issue at all on my end, so it has been hard to pinpoint.

[Dimensional Space]

I'm pretty sure there isn't an issue with the font itself (otherwise we'd see the same blurriness elsewhere). I haven't been able to replicate the issue at all on my end, so it has been hard to pinpoint.

Ah see it is a problem that can only be replicated in html since I kind of had the same issue a while back where the font became blurry and hard to read or it just didn't render so maybe that is what's happening here?

[Mungster]

It might have to do with fractional scaling. I have 125% scaling enabled on my desktop environment.

[Mungster]

I'm going to try to build the source code and see if I get the same result running native.

[Mungster]

The problem is either non-existent or less bad on native. I'm not sure which it is.

[Dimensional Space]

hmmm html is the problem

[Mungster]

So it seems like it's these two things:

• Emscripten/wasm build
• Fractional Scaling

[Mungster]

I'm pretty sure there isn't an issue with the font itself (otherwise we'd see the same blurriness elsewhere). I haven't been able to replicate the issue at all on my end, so it has been hard to pinpoint.

Try setting fractional scaling to 125%

[Dimensional Space]

I'm pretty sure there isn't an issue with the font itself (otherwise we'd see the same blurriness elsewhere). I haven't been able to replicate the issue at all on my end, so it has been hard to pinpoint.

Try setting fractional scaling to 125%

Umm it did the same thing (for me)

[Felipe Manga]

Sounds like fractional rendering is simply stretching the rendered UI. If you draw something, does it appear blurry as well?
If that's the case, there's nothing we can do about it.

[Dimensional Space]

Its just the font.

[Mungster]

Sounds like fractional rendering is simply stretching the rendered UI. If you draw something, does it appear blurry as well? If that's the case, there's nothing we can do about it.

It's a little blurry, yes. I guess there's nothing we can do about it then.