Google FontsĪutomatically self-host any Google Font. No requests are sent to Google by the browser. CSS and font files are downloaded at build time and self-hosted with the rest of your static assets. This new font system also allows you to conveniently use all Google Fonts with performance and privacy in mind. This means you can optimally load web fonts with zero layout shift, thanks to the underlying CSS size-adjust property used.
Next/font includes built-in automatic self-hosting for any font file. 🎥 Watch: Learn more about how to use next/font → YouTube (6 minutes). Next/font will automatically optimize your fonts (including custom fonts) and remove external network requests for improved privacy and performance.
