BerandaAlat DesainPadanan Font

Padanan Font

Alat Font Pairing menampilkan pratinjau 12 kombinasi Google Fonts pilihan untuk judul dan teks isi, memungkinkan Anda meracik font sendiri, dan menyalin CSS @import yang sesuai.

The Art of Good Typography
Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. The arrangement of type involves selecting typefaces, point sizes, line lengths, line-spacing, and letter-spacing.

Tentang alat ini

Alat Font Pairing menampilkan pratinjau 12 kombinasi Google Fonts pilihan untuk judul dan teks isi, memungkinkan Anda meracik font sendiri, dan menyalin CSS @import yang sesuai.

Cara menggunakan

  1. Pilih salah satu pasangan yang sudah dikurasi, atau tentukan sendiri font judul dan font isi.
  2. Gunakan Random Pairing untuk menjelajahi berbagai kombinasi.
  3. Lihat pratinjau langsung teks judul dan paragraf.
  4. Klik Copy CSS @import untuk memuat font di situs Anda.

Perlu diketahui

  • Pasangan klasik memadukan serif dengan sans-serif, seperti Playfair Display dengan Source Sans 3.
  • Pasangan yang tersedia antara lain Montserrat + Merriweather, Raleway + Lato, Space Grotesk + Inter, dan DM Serif Display + DM Sans.
  • Membatasi situs pada dua keluarga font menjaga konsistensi halaman dan mengurangi ukuran unduhan.
  • Pratinjau memuat font yang dipilih dari Google Fonts dengan ketebalan 400 dan 700.
  • Menambahkan display=swap ke URL font akan menampilkan teks fallback selama web font dimuat.

Berjalan sepenuhnya di browser Anda — apa pun yang Anda masukkan tidak diunggah atau disimpan.

Pertanyaan umum

Font apa saja yang cocok dipadukan?

Font dengan gaya yang kontras tetapi proporsi serupa biasanya cocok, seperti judul serif berkontras tinggi dengan teks isi sans-serif yang bersih. Pasangan pilihan di sini adalah kombinasi yang sudah terbukti.

Berapa banyak font yang sebaiknya dipakai di sebuah situs web?

Dua keluarga font — satu untuk judul dan satu untuk teks isi — sudah cukup untuk sebagian besar situs. Font ketiga jarang diperlukan.

Apakah Google Fonts gratis untuk penggunaan komersial?

Ya. Font di pustaka Google Fonts dirilis dengan lisensi terbuka seperti SIL Open Font License dan boleh dipakai untuk keperluan komersial.

Bagaimana cara menambahkan font ke situs saya?

Tempel @import yang sudah disalin di bagian atas CSS Anda, atau ubah menjadi tag link di head HTML, lalu atur font-family pada judul dan body.