← Next.js45 / 57

next/font Mencegah Layout Shift

Module next/font mengunduh font Google di build time dan menginjeksinya secara lokal tanpa bergantung pada server luar saat runtime.

👀 Contoh dulu

import { Inter } from "next/font/google";
const inter = Inter({ subsets: ['latin'] });
<body className={inter.className}>

Hasilnya: Font terpasang tanpa ada kedipan FOUT (Flash of Unstyled Text).

💡 Meningkatkan skor performa Core Web Vitals.

📝 Sekarang giliranmu

Konfigurasikan font Inter dari Google Fonts agar dimuat secara optimal. Deklarasikan konstanta bernama inter dan panggil fungsi Inter() dengan memberikan objek argumen { subsets: ['latin'] }.

Preview
← SebelumnyaBerikutnya →