Wrong font in State of CSS 2021 screenshot

[foolip]

I'm pretty sure this is the wrong repo, but can't find the right repo.

https://stateofx-images.netlify.app/captures/css2021/en-US/grid.png is linked from https://2021.stateofcss.com/en-US/features/layout and looks like this:

The font for the title looks like the standard serif font, maybe the webfont for the titles wasn't loaded when this screenshot was taken?

I'm not sure if it affects any other screenshots too.

If this is done with a Puppeteer script or similar, then in addition to waiting for the load event, consider await document.fonts.ready before the screenshot. (But start awaiting after the load event. It's complicated.)

[foolip]

I noticed this in GoogleChrome/web.dev#7062.

[SachaG]

I think this is because I hadn't defined a proper fallback for code, it should be good now. Just need to regenerate everything.