Pratinjau Font

• Pratinjau Google Font apa pun seketika: alat kami memuat Google Fonts sesuai kebutuhan dan menampilkan teks Anda secara waktu nyata. Ketik teks apa pun, pilih dari lebih dari 80 font, dan lihat persis bagaimana tampilannya di ukuran dan ketebalan apa pun - tanpa memuat ulang halaman.
• Salin CSS dan @import dengan sekali klik: alat kami menghasilkan deklarasi CSS font-family lengkap dan URL @import Google Fonts untuk font, ukuran, dan ketebalan yang dipilih. Salin salah satunya dengan sekali klik dan tempelkan langsung ke stylesheet Anda.
• Alat pratinjau font online yang aman: alat kami berjalan sepenuhnya di browser Anda - font dimuat langsung dari CDN Google Fonts dan teks pratinjau tidak pernah meninggalkan perangkat. Tidak ada data yang dikirim ke server mana pun.
• Pratinjau font tanpa instalasi, 100% gratis: gunakan alat kami langsung di browser apa pun tanpa unduhan, akun, dan iklan. Telusuri lebih dari 80 Google Fonts dalam 5 kategori - Sans Serif, Serif, Display, Monospace, dan Handwriting - sepenuhnya gratis selamanya.

• Desain web dan UI: desainer memakai alat kami untuk menilai Google Fonts pada proyek web sebelum memutuskan. Pratinjau judul atau teks isi asli Anda dalam beberapa font berdampingan untuk menemukan kecocokan tipografi yang sempurna.
• Identitas merek dan desain logo: gunakan alat kami untuk menguji font display dan serif untuk nama merek, tagline, dan konsep logo. Lihat bagaimana teks merek Anda tampil di Bebas Neue, Playfair Display, atau Cinzel sebelum memilih.
• Pengembangan frontend: pengembang frontend memakai alat kami untuk cepat menemukan Google Font yang tepat dan menyalin URL @import serta deklarasi CSS. Lewati situs Google Fonts dan dapatkan kode yang diperlukan dalam hitungan detik.
• Desain konten dan blog: pembuat konten dan blogger memakai alat kami untuk memilih font isi yang mudah dibaca dan font judul yang menarik. Pratinjau judul artikel asli atau paragraf Anda di Merriweather, Lora, atau Spectral.
• Desain presentasi dan dokumen: gunakan alat kami untuk menemukan font yang cocok untuk presentasi, laporan, dan dokumen. Pratinjau judul slide atau teks isi dalam berbagai ketebalan untuk memastikan keterbacaan di ukuran apa pun.
• Belajar tipografi: mahasiswa dan pengembang yang mempelajari tipografi memakai alat kami untuk memahami bagaimana setiap kategori font tampil dan terasa. Bandingkan font Sans Serif, Serif, Display, dan Monospace berdampingan.

Alat pratinjau font memungkinkan Anda mengetik teks sendiri dan melihatnya tampil dalam berbagai jenis huruf sebelum memilih satu untuk proyek Anda. Alat kami berfokus pada Google Fonts - pustaka font gratis dan open source dengan lebih dari 1.500 jenis huruf yang dipakai jutaan situs web. Daripada menjelajahi situs Google Fonts dan menebak bagaimana sebuah font tampil dengan konten asli Anda, alat kami membiarkan Anda mengetik judul, teks isi, atau nama merek dan langsung melihatnya dalam salah satu dari lebih dari 80 Google Fonts populer dari lima kategori: Sans Serif, Serif, Display, Monospace, dan Handwriting.

1. Ketik teks pratinjau Anda: masukkan teks apa pun di kolom pratinjau - judul asli Anda, teks isi, nama merek, atau pangram klasik «The quick brown fox». Pratinjau diperbarui seketika saat Anda mengetik.
2. Telusuri dan pilih font: cari menurut nama atau filter menurut kategori. Klik font mana pun di daftar untuk memilihnya - font dimuat langsung dari CDN Google Fonts dan tampil di browser Anda. Atur ukuran dan ketebalan memakai kontrol untuk melihat persis bagaimana font tampil pada kebutuhan Anda.
3. Salin CSS-nya: setelah menemukan font yang tepat, salin deklarasi CSS font-family atau URL @import Google Fonts dengan sekali klik. Tempelkan @import ke stylesheet Anda dan font-family ke aturan CSS Anda.

• Sans Serif: font bersih dan modern tanpa goresan dekoratif - ideal untuk teks isi, UI, dan antarmuka digital. Contoh: Inter, Roboto, Poppins, Montserrat. Terbaik untuk keterbacaan di layar.
• Serif: font dengan goresan dekoratif kecil di ujung huruf - klasik dan berwibawa. Contoh: Playfair Display, Merriweather, Lora. Terbaik untuk editorial, cetak, dan bacaan panjang.
• Display: font dekoratif dan ekspresif yang dirancang untuk judul besar dan dampak visual. Contoh: Bebas Neue, Anton, Pacifico. Terbaik untuk judul, logo, dan teks tampilan pendek.
• Monospace: font berlebar tetap yang setiap karakternya menempati ruang horizontal sama. Contoh: JetBrains Mono, Fira Code, Source Code Pro. Terbaik untuk kode, terminal, dan konten teknis.

Salin URL @import dari alat pratinjau font kami dan tempelkan di bagian atas berkas CSS Anda. Lalu gunakan deklarasi font-family pada aturan CSS Anda. Untuk proyek Next.js, gunakan paket next/font/google untuk performa optimal - paket ini otomatis melakukan hosting mandiri font dan menghilangkan permintaan jaringan eksternal. Untuk proyek HTML biasa, tambahkan tag <link> di <head> alih-alih @import untuk performa lebih baik.