CSS AdvancedLesson 56Preview gratis
CSS Custom Fonts
Lesson ini bagian dari CSS · Semua level
Ringkasan
Kita bisa memakai font kustom lewat aturan `@font-face` yang menunjuk file font, atau mengimpor font populer seperti Google Fonts. Penting untuk menyediakan daftar fallback agar teks tetap terbaca saat font utama gagal dimuat. Opsi `font-display` mengatur perilaku saat font masih diunduh.
Poin kunci
- `@font-face` mendefinisikan font sendiri dengan `font-family`, `src`, dan `font-weight`
- `src: url(...)` menunjuk file `.woff2`/`.woff` dengan format cadangan
- `font-family` menerima daftar fallback: font utama lalu font sistem
- `font-display: swap` menampilkan teks dengan font sementara lalu menukar saat font siap
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.