`next/font` automatically self-hosts your custom fonts, preventing layout shift and significantly reducing needed code.

Vercel is a platform for deploying modern web applications with speed and simplicity, offering developers a seamless experience for hosting and scaling their projects. With features like instant deployment, serverless functions, and global CDN, Vercel empowers developers to focus on building great user experiences without worrying about infrastructure management.

Vercel

Learn how to use custom fonts in Next.js with `next/font` to avoid issues with website performance and user experience caused by Cumulative Layout Shift. Explore the optimizations used for font loading before Next.js 13.

Custom fonts without compromise using Next.js and `next

<p>Once upon a time, I used to preload the fonts :)</p>
