search

floriankarsten / space-grotesk

Space Grotesk: a proportional variant of the original fixed-width Space Mono family
https://floriankarsten.github.io/space-grotesk
SIL Open Font License 1.1
1.58k stars 62 forks source link

Problem with the letter «e» at a certain font-size #43

Closed saschaeggi closed 2 years ago

saschaeggi commented 3 years ago

I'm using Space Grotesk on my personal site and I love it: https://sascha.is/

If the font reaches 130px it somehow messes up the letter «e». See screenshot:

font_issue_130px

Happens in Chrome & Brave. FF & Safari don't seem to have this issue.

Thanks a lot, Sascha

iskrisis commented 3 years ago

hi Sascha, ive tried to replicate the issue with no luck. Are you certain this is issue with the typeface and not some recalculation issue for the effects you have on the website? There seems to be a lot going on that might mess things up.

I think we will need to have some way to isolate the issue to have any chance fixing it.

Cheers

saschaeggi commented 3 years ago

So I've done a quick Codepen to isolate & demonstrate the issue: https://codepen.io/saschaeggi/pen/powMGZa

Screenshot 2021-10-07 at 14 42 52

Doesn't happen at 129px or 131px. But does happen on 130px. It's very strange. Can reproduce this with:

iskrisis commented 3 years ago

Thank you for making the codepen. I've tested it on these configurations:

OS: macOS Monterey, macOS Big Sur, macOS Catalina, macOS Mojave, macOS High Sierra Windows 10, Windows 8.1, Windows 8, Windows 7

With browsers: Chrome 94, Chrome 93, Microsoft Edge 94 beta, Microsoft Edge 94, Safari (versions tied to OS), Firefox 93 beta, Firefox 92

None of the browsers showed the issue. 🤔 I wonder how this could happen. Can't it be some specific extension that you use in both browsers? Have you tried clean install or running chrome in safe mode?

saschaeggi commented 2 years ago

Updating Chrome to Version 94.0.4606.81 seems to fix the problem. So seemed to be a rendering issue in the Blink engine.

Sorry for the circumstances.