Pemasangan Font & Direktori Google Fonts
Jelajahi direktori pilihan Google Fonts populer dengan pratinjau langsung, saring berdasarkan kategori dan cari berdasarkan nama, lalu salin CSS siap pakai dan jelajahi saran pasangan font — semuanya di browser Anda.
Semuanya berjalan di browser Anda — font dimuat dari Google Fonts hanya untuk pratinjau langsung, tidak ada yang diunggah, tanpa pendaftaran, sepenuhnya gratis.
Sebuah judul yang ditata dengan font display
Dan inilah paragraf teks isi yang ditata dengan font teks pasangannya. Pasangan font yang baik menyeimbangkan kepribadian dan keterbacaan: tipografi judul yang berkarakter menarik perhatian, sementara tipografi isi yang bersih dan nyaman membuat teks panjang mudah dibaca. Klik 'CSS' untuk menyalin kedua baris @import dan aturan font-family untuk judul dan teks isi Anda.
Tentang Pemasangan Font & Direktori Google Fonts
Direktori font ini mengumpulkan 80 Google Fonts populer dalam satu halaman yang dapat dicari, masing-masing dirender sebagai spesimen langsung dengan baris contoh pangram, baris alfabet dan angka, serta lencana kategori. Direktori ini mencakup lima keluarga tipe — sans-serif, serif, display, handwriting dan monospace — sehingga Anda bisa membandingkan bentuk huruf yang sebenarnya alih-alih menebak dari nama.
Setiap kartu font menyertakan saran pemasangan pilihan: font mitra yang bekerja baik bersama untuk heading dan teks isi. Mengklik sebuah chip pasangan membuka pratinjau yang menyetel judul dalam satu font dan paragraf dalam font lainnya, sehingga Anda bisa menilai kombinasinya dalam konteks sebelum memutuskan.
Ketika sebuah font atau pasangan cocok, satu klik menyalin CSS siap tempel — baris @import untuk stylesheet Google Fonts ditambah tumpukan font-family yang sesuai dengan fallback yang masuk akal. Font dimuat dari Google Fonts hanya untuk pratinjau langsung; tidak ada apa pun yang Anda ketik yang diunggah ke mana pun.
Cara menggunakan Pemasangan Font & Direktori Google Fonts
- Telusuri kartu-kartu font, masing-masing menampilkan nama, lencana kategori dan teks contoh langsung yang disetel dalam typeface sebenarnya.
- Gunakan kotak pencarian untuk menemukan font berdasarkan nama, atau klik sebuah chip kategori (Sans-serif, Serif, Display, Handwriting, Monospace) untuk menyaring grid.
- Seret slider ukuran (16–72 px) untuk mempratinjau baris contoh pada ukuran heading atau teks isi target Anda.
- Klik sebuah chip "Pairs with" atau tombol "Preview pairing" untuk melihat judul dan paragraf isi disetel dalam kombinasi yang disarankan.
- Klik tombol "CSS" pada sebuah kartu atau di pratinjau pasangan untuk menyalin baris @import dan deklarasi font-family ke clipboard Anda.