RocketChat / Rocket.Chat.Electron

Official OSX, Windows, and Linux Desktop Clients for Rocket.Chat
https://rocket.chat/
MIT License
1.57k stars 694 forks source link

Every regular text element is bold and bold texts are even bolder #2810

Open hw25io opened 5 months ago

hw25io commented 5 months ago

Search before asking

Operating System

Operating System Version

Windows 10

It happens on the web browser too?

No, it just happens on the Desktop app

Rocket.Chat Desktop App Version

3.9.11

Rocket.Chat Server Version

6.5.2

Describe the bug

Using client with 3.9.11 on Windows 10. Since the last (or second to last?) update, all the normal texts are bold and the bold ones even bolder. Reinstalled the client and also removed all the settings and files i could find in the %appdata%.

Two screenshots are attached for comparison:

Screenshot from the browser: capture-web

Screenshot from the desktop client: capture-desktop

How to Reproduce

I don't know if this can be reproduced by anyone else as I have only installed the client and have not changed any other settings.

Describe your Expected behavior

Text in the desktop client should be identical to the one in the browser.

Anything else

No response

Are you willing to submit a code contribution?

hw25io commented 4 months ago

After fiddling around with the DevTools i was able to identify the "problem" (still not sure if it really is one). In the following css definition:

.rcx-box--full, .rcx-box--full:after, .rcx-box--full:before, .rcx-chip { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: 0 solid; font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Meiryo UI,Arial,sans-serif; font-family: var(--rcx-font-family-sans,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Meiryo UI",Arial,sans-serif); margin: 0; outline: none; padding: 0; }

is a font name "Inter" mentioned. If i remove just this font from the list everything is fine. Here's a screenshot of the font on my system:

image