element-hq / element-hq/element-web

Text appears blurry on Desktop (Windows)

Open
#32,321 62 comments 2 reactions 0 assignees View on GitHub
A-Appearance A-Electron T-Defect
Dominant language
TypeScript
Stars
13.5k
Forks
2.8k
PR merge metrics
PR metrics pending

Description

### Description

Compared to other applications and Element Web in Firefox, text appears blurry in Element Desktop.

### Steps to reproduce

- Open Element
- Observe any text

Example screenshot taken with system font Arial, 14pt in a random matrix room:

![element-desktop](https://user-images.githubusercontent.com/1313295/97475162-30fd1280-194d-11eb-85b2-45c1dd9c5615.png)
(open in new tab so it is unscaled)

All fonts in the UI are affected, not just chat messages. I don't have any other applications where I have seen this problem before. In other applications and Firefox, fonts look very sharp by comparison. This is the same text screenshotted from Element Web in Firefox 82:

![element-web-firefox](https://user-images.githubusercontent.com/1313295/97476081-4c1c5200-194e-11eb-98f5-2983ea5b807d.png)

Through older issues I've found https://github.com/electron/electron/blob/master/docs/faq.md#the-font-looks-blurry-what-is-this-and-what-can-i-do and it very much looks like that problem, but as I understand this is supposed to be fixed already?

Logs being sent: no

### Version information

- **Platform**: Desktop
- **OS**: Windows 10 2004 x64
- **Version**: 1.7.12

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.