Как Next.js оптимизирует шрифты?

next/font автоматически загружает шрифты на этапе билда и хостит их локально — нет запросов к Google Fonts. Это убирает layout shift (CLS) через size-adjust. Используешь: const inter = Inter({ subsets: ["latin"] }) и добавляешь inter.className к элементу. Поддерживает Google Fonts и локальные шрифты. Variable fonts рекомендуются — один файл вместо нескольких. Шрифт предзагружается автоматически. Никакого FOUT/FOIT — шрифт готов к первому рендеру.