Pratinjau Font Google

• Pratinjau & Perbandingan Font Instan: Pratinjau Font Google apa pun dengan teks, ukuran, berat, dan tinggi garis khusus - dan bandingkan dua font secara berdampingan. Pratinjau Font Google memperbarui pratinjau secara real-time saat Anda menyesuaikan setiap pengaturan, tanpa perlu memuat ulang halaman.
• Perpustakaan Pilihan 60+ Google Font: Jelajahi koleksi Google Font paling populer dan serbaguna pilihan dalam 5 kategori: Sans Serif, Serif, Display, Handwriting, dan Monospace. Cari berdasarkan nama font, kategori, atau deskripsi untuk menemukan jenis huruf yang sempurna.
• Copy-Paste Tag CSS & HTML: Tidak perlu mengunjungi website Google Fonts. Pratinjau Font Google menghasilkan pernyataan @import yang siap digunakan, tag, dan deklarasi kumpulan font CSS untuk font dan bobot apa pun yang Anda pilih. Salin dengan satu klik.
• Kontrol Tipografi Penuh: Sesuaikan ukuran font dari 8px hingga 128px, pilih dari 9 tingkat bobot (Tipis ke Hitam), alihkan miring, dan atur tinggi garis. Pratinjau teks persis Anda - mulai dari judul pendek hingga paragraf panjang - untuk melihat bagaimana font berperilaku dalam konteks.

• Pengembangan Web & Desain CSS: Pengembang front-end menggunakan Pratinjau Font Google untuk menemukan dan menguji tipografi sebelum melakukan desain. Pratinjau bagaimana font dirender dalam berbagai ukuran dan bobot, lalu salin @import atau tag yang tepat langsung ke basis kodenya tanpa mengunjungi situs web Google Fonts.
• Pembuatan Prototipe Desain UI & Web: Desainer menggunakan Pratinjau Font Google untuk mengevaluasi pasangan font dan hierarki tipe selama proses desain. Bandingkan font judul dan isi secara berdampingan dengan konten teks asli untuk memastikan kombinasi tersebut berfungsi dalam konteks sebelum disajikan kepada klien.
• Strategi Konten & Desain Blog: Ahli strategi konten dan editor blog menggunakan Pratinjau Font Google untuk memilih font isi yang dapat dibaca untuk konten berdurasi panjang. Uji teks paragraf pada ukuran bacaan dan tinggi garis yang khas untuk memastikan pengalaman membaca yang nyaman bagi setiap pengunjung.
• Laman Landas & Situs Pemasaran: Tim pemasaran menggunakan Pratinjau Font Google untuk memilih font tampilan untuk bagian pahlawan dan judul ajakan bertindak. Pratinjau teks besar dengan bobot berbeda untuk menemukan keseimbangan sempurna antara dampak visual dan keterbacaan.
• Tipografi Seluler & Responsif: Desainer seluler menggunakan Pratinjau Font Google untuk menguji perilaku font pada ukuran kecil di layar. Sesuaikan ukuran font dan tinggi garis untuk menemukan pengalaman membaca yang optimal bagi pengguna seluler dengan tetap mempertahankan tipografi merek.
• Identitas Merek & Pemilihan Jenis: Desainer merek menggunakan Pratinjau Font Google untuk mengevaluasi tipografi untuk proyek identitas merek. Bandingkan hingga dua font secara bersamaan dengan contoh teks khusus merek - judul, tagline, dan body copy - untuk membuat keputusan tipografi yang tepat.

Pratinjau Font Google adalah alat berbasis browser yang memungkinkan Anda melihat pratinjau, membandingkan, dan mengintegrasikan font dari pustaka Google Font - tanpa mengunjungi situs web Google Font atau melakukan panggilan API eksternal. Ini menampilkan koleksi 60+ Google Font populer di 5 kategori (Sans Serif, Serif, Display, Tulisan Tangan, dan Monospace), masing-masing dipilih karena kualitas, keserbagunaan, dan dukungan bahasa yang luas. Anda dapat mencari berdasarkan nama, kategori, atau deskripsi karakter jenis huruf, lalu melihat pratinjau font apa pun dengan teks khusus, ukuran (8 piksel hingga 128 piksel), berat (9 tingkat dari Tipis ke Hitam), tinggi garis, dan tombol miring. Mode perbandingan berdampingan memungkinkan Anda mengevaluasi dua font secara bersamaan. Setelah Anda menemukan jenis huruf yang sempurna, alat ini akan menghasilkan deklarasi keluarga font @import, <link>, dan CSS yang siap digunakan dan dapat Anda salin dengan satu klik.

1. Temukan Font Anda: Gunakan bilah pencarian untuk mengetikkan nama font (misalnya "Inter", "Playfair") atau telusuri berdasarkan kategori menggunakan chip filter. Hasilnya langsung diperbarui saat Anda mengetik - setiap kartu font memperlihatkan nama jenis huruf, kategori, dan deskripsi karakter singkat. Klik font apa saja untuk memuatnya ke panel pratinjau.
2. Sesuaikan Pratinjau: Sesuaikan bobot font menggunakan tombol bobot yang telah dipilih sebelumnya yang tersedia untuk font tersebut. Gunakan input teks untuk mengetikkan contoh teks Anda sendiri, lalu sesuaikan ukuran font, tinggi garis, dan alihkan miring. Pratinjau diperbarui secara real-time saat Anda melakukan perubahan. Gunakan mode perbandingan berdampingan untuk mengevaluasi dua font secara bersamaan.
3. Salin Kode: Setelah Anda puas dengan font, klik tombol "Salin @import", "Salin <link>", atau "Salin CSS" untuk mendapatkan kode persis yang diperlukan untuk mengintegrasikan font ke dalam proyek Anda. Semua kode dihasilkan menggunakan format resmi Google Fonts CSS API dan siap ditempelkan ke file HTML atau CSS Anda.

• Sans Serif: Tipografi yang bersih dan modern tanpa guratan dekoratif. Sangat baik untuk teks isi di layar dan antarmuka UI. Pilihan populer termasuk Inter, Roboto, Open Sans, dan Poppins. Font sans serif adalah kategori paling serbaguna dan berfungsi baik untuk judul dan teks isi.
• Serif: Tipografi tradisional dengan guratan dekoratif kecil (serif) di akhir bentuk huruf. Sangat baik untuk membaca dalam jangka panjang dan menghasilkan nada klasik yang dapat dipercaya. Merriweather, Playfair Display, dan Lora populer untuk desain editorial.
• Tampilan: Tipografi dekoratif yang dirancang untuk ukuran besar - judul, poster, dan bagian pahlawan. Font tampilan sering kali memiliki bentuk huruf yang khas dan ekspresif sehingga tidak cocok untuk teks isi. Oswald, Anton, dan Unbounded adalah pilihan tampilan yang kuat.
• Tulisan Tangan: Tipografi kasual seperti skrip yang meniru tulisan tangan alami. Paling baik digunakan dengan hemat untuk penekanan atau konteks informal. Dancing Script dan Caveat adalah font tulisan tangan populer yang tetap dapat dibaca pada ukuran sedang.
• Monospace: Tipografi yang setiap karakternya menempati lebar horizontal yang sama. Dirancang untuk editor kode, tampilan terminal, dan data tabel. JetBrains Mono, Fira Code, dan Source Code Pro menawarkan ikatan pemrograman yang sangat baik.

Memilih jenis huruf yang tepat untuk situs web Anda melibatkan lebih dari sekadar memilih font yang Anda suka. Berikut adalah pertimbangan utama:

• Memuat kinerja: Setiap Google Font menambahkan permintaan HTTP dan bobot halaman tambahan. Batasi situs Anda menjadi 2-3 jenis font (biasanya satu font judul dan satu font isi). Gunakan font-display: swap untuk mencegah teks tidak terlihat selama pemuatan font.
• Memasangkan harmoni: Pasangkan font judul serif dengan font badan sans-serif (atau sebaliknya) untuk kontras visual. Hindari memasangkan dua font dari kategori yang sama yang terlihat terlalu mirip - perbedaannya harus disengaja dan terlihat jelas.
• Ketersediaan bobot: Tidak semua font mendukung 9 level bobot. Pratinjau Google Font hanya menampilkan bobot sebenarnya yang tersedia untuk setiap font. Pilih font dengan variasi bobot yang cukup (misalnya 400, 600, 700) untuk hierarki tipe fungsional.
• Dukungan bahasa: Jika konten Anda menyertakan karakter non-Latin (Sirilik, Yunani, Vietnam, dll.), verifikasi bahwa font mendukung rangkaian karakter tersebut. Google Fonts menyediakan subset URL untuk banyak bahasa.