How to Self-Host Google Fonts on Every Major Platform

If your site uses the standard Google Fonts embed, every new visitor's browser has to connect to two Google domains before it can draw your text in the right typeface. Self-hosting Google Fonts removes both of those connections, and the font files arrive over the connection your page is already using.
My team and I have tested this extensively over years of speed optimization work at SpeedVitals, and self-hosting consistently makes a good difference. The tricky part is that the steps look completely different on WordPress, Shopify, Webflow, Next.js, or a Jekyll site.
In this article, I'll show you how to self-host Google Fonts on 20 platforms, how to prepare the files so they stay small, and how to confirm that no request to Google is left behind.




