Font Preview — Browse & Preview Google Fonts
Preview teksmu dalam puluhan Google Fonts populer. Atur ukuran, weight, dan bandingkan side-by-side.
Memilih Font yang Tepat
Font bukan cuma soal estetika — dia menentukan mood, readability, dan brand identity. Serif terasa klasik & terpercaya, sans-serif modern & bersih, display eye-catching tapi capek dibaca panjang, mono untuk kode dan data.
Kategori Font
- Serif — punya kaki kecil di huruf (Playfair, Merriweather). Cocok: editorial, buku, brand premium.
- Sans-Serif — tanpa kaki (Inter, Poppins, Roboto). Cocok: UI, body text, web modern.
- Display — dekoratif (Bebas Neue, Lobster). Cocok: headline, logo, poster. Jangan untuk body text.
- Monospace — lebar karakter sama (Fira Code, JetBrains Mono). Cocok: kode, terminal, data.
- Handwriting — mirip tulisan tangan (Caveat, Dancing Script). Cocok: undangan, quote personal.
Tips Pair Font
- Max 2-3 font per desain. Lebih dari itu = chaos visual.
- Kombo klasik: 1 serif (heading) + 1 sans-serif (body). Contoh: Playfair + Inter.
- Kalau ragu, pakai 1 font dengan variasi weight: Inter Regular + Inter Bold.
- Kontraskan mood: jangan dua font yang terlalu mirip — nggak kelihatan bedanya.
Cara Pakai di Website
Setelah pilih font, tambahkan ke HTML:
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">Lalu di CSS: font-family: 'Inter', sans-serif;
FAQ
Google Fonts gratis?
Ya, open source. Boleh pakai di web & proyek komersial.
Dimuat dari mana?
CDN Google Fonts. Butuh koneksi internet aktif untuk preview.