Hi @Spazer9, thank you for the bug report. What version and OS are you using?

In future, following the Issue Template can help ensure a quicker diagnosis. Thanks.

Thanks Groundwater for the note - i'm testing on Windows 10 64bit

@Spazer9 are you seeing this on older versions of Electron?

@zeke Yup - just tried with 1.3 - same exact effect.

@Spazer9 Are you using an Intel IGPU on that machine? There are quite a few Intel-iGPU-related rendering bugs in Chrome, depending on iGPU model, GPU driver and Chromium build.

@nikola Thanks for the response - I'm using a gtx 980 and i7.

Fonts are generally blurrier and less crisp on Electron (tried many versions).

Here's another screenshot (left is chrome, right is electron)

@Spazer9 are you using multiple monitors? There's a PR in the works that may address the issue you're seeing: #8786

There are usually two reasons for blurry text on Windows:

1. Text drawn with DirectWrite does not show "clearly" on your display;
2. Your are using multiple displays with different DPIs.

For 1) we are not able to fix it because Chrome now only uses DirectWrite for text rendering, for 2) it has been solved at least in 1.6.x.

I use FireFox and notice that the fonts are more clear in FF than when the same webapp displays inside of an electron app. If the issue is DirectWrite, why does the font appear clear in Chrome, but not in electron? Can this be fixed?

Has this been fixed? I'm running the latest electron and when running on windows I still see the blurriness in the text.

This is definitely still an issue in Electron 2.0.5 on Windows 7 x64. No matter what I do, I get grayscale antialiasing. It is especially ugly in a webview. Normally Electron's grayscale antialiasing is of equal quality to subpixel as far as I can tell, but in webviews it's VERY blurry.

I mean, my first impression looking at the text is, "wow that is really blurry." It's so blurry I was sure at first that I was distorting the page in the webview somehow, but I'm not. Thoughts?

This image compares Chrome with Electron loading a page inside a webview:

Here's what it looks like loaded directly into Electron, not a webview:

This might be a duplicate of #6344 . Sub-pixel anti-aliasing is disabled unless you set an opaque background to the BrowserWindow

It is now in the FAQ

I used app.disableHardwareAcceleration(); to fix this problem. Is this the best way? I had tried everything else and this is the only way I could get it to stop. Especially since the developer tools was doing the same blurriness. Using Electron 9.0.0

@groundwater Is additional information still needed on this?

6 years later and this issue still isnt fixed lol

Turning OFF FXAA in Nvidia Control Panel fixes the issue.
Source: desktop/desktop#17444 (comment)