Penjelajah Pasangan Font

Apa itu Penjelajah Pasangan Font?

Penjelajah Pasangan Font adalah alat gratis di browser untuk desainer web, pengembang, dan pembuat konten yang menginginkan kombinasi judul dan isi yang rapi tanpa menyisir pustaka font. Dua pemilih yang dapat dicari dan berdiri sendiri memungkinkan Anda menyaring 48 Google Fonts pilihan berdasarkan serif, sans, display, atau mono dan memilih font untuk setiap peran, sementara kontrol per peran mengatur berat, ukuran, tinggi baris, dan spasi huruf. Pratinjau langsung menampilkan judul dan paragraf Anda dalam font sebenarnya, dan tombol acak menawarkan pasangan acak saat Anda butuh inspirasi. Ketika Anda puas, salin CSS yang dihasilkan dalam format yang Anda sukai — aturan @import, tag HTML link, atau impor bergaya Fontsource — dan tempatkan di halaman arahan, tema blog, salindia, atau sistem desain.

Cara menggunakan Penjelajah Pasangan Font

1. Di pemilih judul, saring berdasarkan serif, sans, display, atau mono, ketik untuk mencari, dan klik sebuah font untuk memilihnya.
2. Lakukan hal yang sama di pemilih isi untuk memilih font pelengkap bagi teks paragraf.
3. Buka pengaturan untuk menetapkan berat, ukuran, tinggi baris, dan spasi huruf setiap peran.
4. Ketik judul dan kalimat Anda sendiri di kolom contoh, atau biarkan kosong untuk teks bawaan; tekan Acak untuk ide pasangan acak.
5. Pilih format keluaran — @import, <link>, atau Fontsource — dan salin CSS yang dihasilkan ke lembar gaya atau proyek Anda.

Contoh

Judul: Playfair Display 700 · Isi: Source Sans 3 400

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Source+Sans+3:wght@400&display=swap');

Format: <link>

<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400&family=Lora:wght@600&display=swap" rel="stylesheet">

Pertanyaan yang sering diajukan

Bagaimana cara memilih dua font itu?

Setiap peran punya pemilihnya sendiri. Saring katalog berdasarkan serif, sans, display, atau mono, ketik sebagian nama keluarga untuk mencari, dan klik hasilnya untuk memilih. Judul dan isi dipilih secara terpisah, dan tombol Acak memilihkan sepasang font secara acak untuk Anda.

Bisakah saya mengatur berat, ukuran, tinggi baris, dan spasi huruf?

Bisa. Buka pengaturan untuk menetapkan berat, ukuran dalam piksel, tinggi baris, dan spasi huruf (dalam em) secara terpisah untuk judul dan isi. Setiap perubahan muncul di pratinjau langsung maupun di CSS yang disalin.

Format keluaran apa yang bisa saya salin?

Tiga: aturan CSS @import, tag HTML <link> dengan petunjuk preconnect, dan impor npm bergaya Fontsource (npm i @fontsource/… ditambah baris impor per berat). Ketiganya memuat aturan font-family, berat, ukuran, tinggi baris, dan spasi huruf yang sama untuk h1–h3 dan body.

Dari mana font berasal, dan apakah teks saya pribadi?

Saat Anda memilih pasangan, browser Anda hanya memuat kedua keluarga itu langsung dari API publik Google Fonts CSS di fonts.googleapis.com — permintaan pihak ketiga yang dibuat dari browser Anda, bukan melalui server kami. Teks contoh dan pengaturan Anda sepenuhnya tetap di perangkat Anda.

Font apa saja yang disertakan?

Kumpulan pilihan 48 Google Fonts populer mencakup serif, sans-serif, display, dan monospace — termasuk Playfair Display, Merriweather, Inter, Roboto, Poppins, Montserrat, Oswald, Space Grotesk, JetBrains Mono, dan lainnya.