You’ll then find out whether it makes a difference to a website’s performance.Įxcited? Let’s begin.
In this article, you’ll learn the basics of web fonts, including Google Fonts, and how you can host them locally. But it turns out that fonts are peculiarly complex, and self-hosting them may make optimizing your website’s performance a little trickier. Theoretically, it could make your websites load faster. Thus, it seems like a great idea to host Google Fonts locally and serve them from your server, as opposed to loading them from Google’s CDN. The performance hit is even more prominent when you load multiple font families with multiple font weights. Not only do they add to the page weight, but websites have to make additional HTTP requests to fetch them. With over 999 free and unique font families to choose from, users have collectively viewed Google Fonts over 40 trillion times (July 2020).Įxternally hosted fonts like Google Fonts are also one of the heaviest third-party resources to load. They make it easy for websites to unify and present their content better.
Google Fonts are one of the most widely used third-party resources in many websites.