Problem Statement
What does next/font do to optimize fonts in Next.js?
Explanation
The next/font module automatically downloads fonts at build time and self-hosts them with your application, eliminating external network requests to Google Fonts or other CDNs and improving privacy and performance.
It uses CSS size-adjust property to prevent layout shift, automatically optimizes font loading with font-display swap, and generates optimal @font-face declarations.
This approach provides better performance than loading fonts from external CDNs, ensures fonts are available even if CDN is down, and complies with privacy requirements by not sending user data to third parties.