Discussion on "The best way to load and use Google Fonts with React, Gatsby and NextJS"

Lars Behrenberg · 2021-02-17T10:18:54.957Z

Google Fonts are amazing and widely popular on the Internet. Its API makes up 89.28% of the web fonts market share (see source). However, I often noticed that many websites struggle with fetching their fonts and end up render-blocking their website b...

Nice blog, Lars Behrenberg !

I also love your website, it's cool.

Thanks heaps! 😬😅

I would make a share of this blog on twitter Lars Behrenberg

Thanks for writing about Fontsource

Though wouldn't it still be a dependency to download, no matter where it comes from?

Loading from google at-least has its CDN.

What do you think?

It’s still true that the font has to be loaded in. However, because you are self-hosting the font through an npm package, you are not sending a rending blocking network request to the Google font api. Waiting for a api to reply will always take longer than have assets self-host the assets yourself. And that’s why you end up having significant performance gains.

Discussion

The best way to load and use Google Fonts with React, Gatsby and NextJS

Responses(2)

Recent in Forum

Search Hashnode

The best way to load and use Google Fonts with React, Gatsby and NextJS

Responses(2)

Recent in Forum