Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Font rendering characters inconsistently on some OSes and looks like a ransom note #8092

Closed
lampholder opened this issue Jan 10, 2019 · 11 comments · Fixed by matrix-org/matrix-react-sdk#3639
Labels
P2 S-Major Severely degrades major functionality or product features, with no satisfactory workaround T-Defect Z-Platform-Specific

Comments

@lampholder
Copy link
Member

lampholder commented Jan 10, 2019

Ubuntu Firefox:

image
image

Isn't programming great and not at all annoying?

@nadonomy
Copy link
Contributor

I suspect this is related to the rendering issues @turt2live is running into on Windows:

He was able to narrow it down to specifically 12px text styles, along with some other stray .5px ones.

@lampholder from the same setup can you screengrab this link https://codepen.io/nadonomy/pen/YdjwjY?

For reference- here's how it should look on a sane setup (macOS, Safari):

screenshot 2019-01-10 at 12 10 41

And how it looks on Windows:

@lampholder
Copy link
Member Author

Here it is on ubuntu:

image

@nadonomy
Copy link
Contributor

Cheers, super useful.

@nadonomy nadonomy changed the title Penultimate letter on room list header text is bigger than the others (on firefox, ubuntu, not firefox, mac) Font rendering characters inconsistently on some OS's/browsers Jan 10, 2019
@nadonomy nadonomy changed the title Font rendering characters inconsistently on some OS's/browsers Font rendering characters inconsistently on some OS's Jan 10, 2019
@nadonomy
Copy link
Contributor

Now wondering if this might be related to the display being lower DPI, and whether we're just hitting yet more artefacts of Nunito being a display typeface.

@alicerunsonfedora
Copy link

It might be just Nunito itself. I occasionally run into this problem with the AliceOS documentation page.

@nadonomy
Copy link
Contributor

@lampholder
Copy link
Member Author

From a duplicate issue:

image

@lampholder lampholder added T-Defect ui/ux Z-Platform-Specific P2 S-Major Severely degrades major functionality or product features, with no satisfactory workaround and removed redesign labels Mar 12, 2019
@ara4n
Copy link
Member

ara4n commented Sep 26, 2019

This is still biting people. ISTR that i dug into it at some point and discovered it was related to cleartype font hinting and whether the browsers on Windows were using GDI or its own font renderer? or something?

@ara4n ara4n changed the title Font rendering characters inconsistently on some OS's Font rendering characters inconsistently on some OS's and looks like a ransom note Nov 20, 2019
@ara4n
Copy link
Member

ara4n commented Nov 20, 2019

@turt2live can you try disabling 'Accelerated 2D canvas' in chrome://flags?

@jryans jryans changed the title Font rendering characters inconsistently on some OS's and looks like a ransom note Font rendering characters inconsistently on some OSes and looks like a ransom note Nov 20, 2019
@ara4n
Copy link
Member

ara4n commented Nov 20, 2019

This looks suspiciously like https://stackoverflow.com/questions/27828423/google-font-letter-height-not-consistent. @turt2live do you have a 'enable Direct Write' in flags? If so, can you try tha ttoo?

@ara4n
Copy link
Member

ara4n commented Nov 20, 2019

This is also google/fonts#632

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
P2 S-Major Severely degrades major functionality or product features, with no satisfactory workaround T-Defect Z-Platform-Specific
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants