Pasangan Font yang Digunakan di Situs Web Nyata

Kombinasi font ini paling sering muncul bersama di situs web yang dianalisis oleh What the Font. Setiap pasangan didasarkan pada data penggunaan nyata - bukan hanya teori desain.

Pasangan Font Paling Umum

#1Digunakan bersama di 191 situs
#2Digunakan bersama di 182 situs
#3Digunakan bersama di 180 situs
#5Digunakan bersama di 94 situs
#7Digunakan bersama di 76 situs
#8Digunakan bersama di 74 situs
#9Digunakan bersama di 71 situs
#10Digunakan bersama di 69 situs
#11Digunakan bersama di 69 situs
#12Digunakan bersama di 68 situs
#13Digunakan bersama di 60 situs
#14Digunakan bersama di 59 situs
#15Digunakan bersama di 51 situs
#17Digunakan bersama di 50 situs
#19Digunakan bersama di 47 situs

Apa itu pasangan font?

Pasangan font adalah kombinasi dua (atau lebih) tipografi yang bekerja baik bersama di situs web. Biasanya satu font digunakan untuk heading dan yang lain untuk teks isi. Pasangan terbaik menciptakan hierarki visual sambil tetap harmonis - font cukup kontras untuk berbeda, tetapi berbagi cukup kepribadian untuk terasa kohesif.

Dari mana data ini berasal?

Setiap pasangan di halaman ini berasal dari situs web nyata yang dianalisis oleh What the Font. Ketika beberapa font muncul bersama di situs yang sama, mereka dihitung sebagai pasangan. Semakin banyak situs tempat kombinasi muncul, semakin tinggi peringkatnya. Ini mencerminkan keputusan desain aktual oleh pengembang dan desainer nyata - bukan hanya rekomendasi teoretis.

Cara memilih pasangan font untuk proyek Anda

Mulailah dengan memilih font utama untuk heading Anda - sesuatu yang khas yang cocok dengan kepribadian merek Anda. Kemudian pilih font sekunder untuk teks isi yang sangat mudah dibaca pada ukuran kecil. Pendekatan umum adalah memasangkan serif dengan sans-serif, atau font display dengan workhorse netral seperti Inter atau Roboto. Klik nama font apa pun untuk menjelajahi detail lengkap dan spesimennya.

Semua font berasal dari Google Fonts

Setiap font yang muncul dalam pasangan ini tersedia di Google Fonts - perpustakaan gratis dan sumber terbuka yang dapat Anda gunakan di situs web manapun. Cukup tambahkan impor CSS untuk setiap font yang Anda inginkan dan mulai menggunakannya segera. Tidak ada biaya lisensi, tidak ada langganan. Klik nama font untuk melihat halaman Google Fonts-nya dan menyalin kode impor.

Menganalisis Situs Web?

Jika Anda mencoba mengidentifikasi font di situs web bukan dalam gambar statis, gunakan pemeriksa font berbasis URL kami. Tempel URL manapun dan kami akan mengekstrak setiap font yang digunakan situs tersebut.