The best way to load and use Google Fonts with React, Gatsby and NextJS
Command Palette
Search for a command to run...
Comments (2)
Join the discussionL
Lars Behrenberg5y ago
Thanks heaps! 😬😅
P
Pankaj Patel5y ago
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?
1
L
Lars Behrenberg5y ago
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.
1
More from this blog
The Definitive Guide to Netlify Serverless Functions
Demo (here) | Repo (here) With the rise of the JAMStack and the serverless approach, most of the things that used to require a backend are now handled completely on the front-end or through APIs. But sometimes this is not enough, and that's where "se...
Mar 5, 20219 min read
Top 10 resources to get better at CSS and become a better front-end developer 👨🎨👨💻
Writing CSS is hard. Even though it often is made fun of and not seen as a programming language, writing consistent and pretty CSS is really hard. And in my journey as a self-taught web developer, I have often noticed that online classes and tutorial...
Feb 12, 20217 min read
Top 5 headless CMS and their pros and cons (Gatsby JS edition)
One of the reasons why Gatsby JS has been so popular over the years is its vast plugin library that makes it almost as easy as drag-and-drop to add new functionality to your app. Because of that, Gatsby has managed to make adding a headless CMS a st...
Feb 5, 20217 min read
React and Gatsby JS got me started 🚀🔥 But what’s next?
I have been a freelance web developer for a while now, but in the beginning, I was always wondering whether WordPress development is going to be the only way to create websites for my clients? I was looking for something to take advantage of my JavaS...
Jan 29, 202111 min read
<
<Lars' Blog />
15 posts
Hi there, I am a freelance web developer who loves building things and blogs about the process of it. Feel free to reach out to me via my email or on Twitter!
