Overlap rendering issue on Chrome in El Capitan 10.11.6

[weiweihuanghuang]

Chrome Version 80.0.3987.132 (Official Build) (64-bit)

Someone sent me this screenshot, happened only recently, is this because of the new VF build @m4rc1e ?

[m4rc1e]

Yep this is a known issue. I'll reraise it with the team.

[weiweihuanghuang]

Getting more reports of this https://twitter.com/MSilvertant/status/1254574017790566400 apparantly it is only happening once the ExtraBold 800 weight is being added – is there a workaround for this issue?

[royartitex]

This issue seems to be happening on almost any Mac OS version, regardless of which browser is being used.

[neelamsonibold]

Hi, can we get any solution for that, it will be great help for me.

[jsnx]

I also face this issue. i appreciate any help.

[m4rc1e]

Can people please post their embed string from Google Fonts e.g

<link href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@100&display=swap" rel="stylesheet">

I'll get a better idea of what's happening.

[royartitex]

Using the Google Fonts variant seems to work perfectly fine for me, I am using the following embed string
<link href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;600;700&display=swap" rel="stylesheet">

[marcing]

From my testing it looks like this font version is bugged:
https://github.com/weiweihuanghuang/Work-Sans/blob/master/fonts/static/WOFF2/WorkSans-Bold.woff2
Whereas this one is working:
https://weiweihuanghuang.github.io/Work-Sans/Work-Sans/fonts/webfonts/woff2/WorkSans-Bold.woff2

Perhaps it's an older font version.
The issue can be reproduced on MacOs. For me it was also possible with browserstack.

[djmtype]

I just recently started getting the issue with the variable font using 600 weight. Weight 700 is fine though. The issue occurs within Chrome on Mac. Firefox on Mac is fine.
Using the variable font from Google Fonts CDN.

[KAH-y38]

Hi, just wondering if this issue has been resolved?

[weiweihuanghuang]

https://twitter.com/MSilvertant/status/1272575973091876864

[yannxaver]

Is there any timeline until when this will be fixed? I would love to use Work Sans for my app but unfortunately I can't resolve this problem currently

[ollicle]

This issue is evident in Safari, Chrome, and Firefox on MacOS 10.13.6 (High Sierra) when self hosting the font (downloaded with https://google-webfonts-helper.herokuapp.com/fonts/work-sans?subsets=latin)

I’m seeing it in 700 weight.

[weiweihuanghuang]

@m4rc1e I ended up updating the outlines since so many people are having this issue anyway. Can you please push over to gf?

[graylaurenm]

@weiweihuanghuang @m4rc1e was this update made with Google Fonts? Thanks!

[jgajera]

Was this fixed yet? I'm seeing the same problem intermittently still with Jost.

[desandro]

I noticed this issue occurring when I converted SemiBold and Regular TTF to WOFF2. Overlap issues occur with the characters A, Ø, Ą. See hosted woff2 demo on CodePen

I also tested WOFF, and the overlap issue appears in more characters, all the A variants

---

My solution is to save and self-host the Google WOFF files

[niklashultstrom]

Only occurs on some page loads. Seems to be related to gulp --watch hot reload, during development.

macOS 10.15.7
Chrome Version 91.0.4472.77 (Official Build) (x86_64)

Variable font weight @ 450

@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@450&display=swap');

[weiweihuanghuang]

@m4rc1e Hey Marc I've updated Work Sans to fix this issue and @aaronbell has also fixed the jumpy Mac Word issue, #62 possible to make a request to upstream the new fonts to GF?

[m4rc1e]

Thanks. I'll make a google/fonts pr.

[m4rc1e]

google/fonts#3586