Inter
Source Sans 3 - A crisp, highly readable sans-serif pairing.
ModernPreview
InterSource Sans 3
Penjelajah Pasangan Font
Jelajahi 40+ kombinasi Google Font pilihan untuk judul dan badan teks. Pratinjau pasangan mana pun dengan teks khusus, filter berdasarkan 8 kategori desain (modern, klasik, elegan, playful, minimalis, profesional, kreatif, serif), dan salin cuplikan CSS @import dengan satu klik. Penjelajah pasangan font kami memudahkan Anda menemukan kombinasi tipografi sempurna untuk proyek berikutnya - sepenuhnya gratis, tanpa pendaftaran.
Font Pair Explorer
Browse 42+ curated Google Font pairings for your next project. Click any pair to preview it with custom text and copy the CSS snippet.
Showing 42 of 42 font pairs
Poppins
Nunito - Poppins brings geometric clarity to headings with its circular shapes, while Nunito adds a soft, friendly touch to body copy.
ModernPreview
PoppinsNunito
Space Grotesk
Sora - A contemporary pairing with personality.
ModernPreview
Space GroteskSora
DM Sans
DM Sans - A harmonious mono-family pairing using DM Sans at multiple weights.
ModernPreview
DM SansDM Sans
Archivo
Archivo Narrow - Archivo's high-contrast grotesque style makes headings pop, while Archivo Narrow's condensed proportions pack body text efficiently.
ModernPreview
ArchivoArchivo Narrow
Merriweather
Merriweather Sans - A time-tested pairing.
ClassicPreview
MerriweatherMerriweather Sans
Playfair Display
Source Serif 4 - Playfair Display's elegant high-contrast serifs create sophisticated headings.
ClassicPreview
Playfair DisplaySource Serif 4
Libre Baskerville
Lato - Libre Baskerville evokes traditional book typography with its warm serifs, while Lato's clear sans-serif provides excellent readability.
ClassicPreview
Libre BaskervilleLato
EB Garamond
Work Sans - EB Garamond brings centuries of typographic heritage with its renaissance serifs.
ClassicPreview
EB GaramondWork Sans
Crimson Text
Crimson Text - A versatile serif mono-family.
ClassicPreview
Crimson TextCrimson Text
Cormorant Garamond
Cormorant Garamond - Cormorant Garamond's exquisite Venetian proportions create an air of refinement.
ElegantPreview
Cormorant GaramondCormorant Garamond
Cormorant
Proza Libre - Cormorant's graceful serif forms paired with Proza Libre's humanist sans-serif create a refined yet approachable combination.
ElegantPreview
CormorantProza Libre
Bodoni Moda
Jost - Bodoni Moda's dramatic thin-to-thick contrast demands attention for headings.
ElegantPreview
Bodoni ModaJost
Old Standard TT
Lora - Old Standard TT channels classic printed books with its sturdy serif forms.
ElegantPreview
Old Standard TTLora
Marcellus
Montserrat - Marcellus brings Roman stone-carved elegance with its classic serif proportions.
ElegantPreview
MarcellusMontserrat
Fredoka
Nunito Sans - Fredoka's bubbly rounded forms bring instant cheer to headings.
PlayfulPreview
FredokaNunito Sans
Quicksand
Quicksand - A charming mono-family rounded sans-serif.
PlayfulPreview
QuicksandQuicksand
Baloo 2
M PLUS Rounded 1c - Baloo 2's bold, playful curves are impossible to ignore.
PlayfulPreview
Baloo 2M PLUS Rounded 1c
Pacifico
Patrick Hand - Pacifico's flowing brush script brings handmade warmth to headings.
PlayfulPreview
PacificoPatrick Hand
Bubblegum Sans
Comfortaa - Bubblegum Sans serves up retro-fun display headings, while Comfortaa's rounded geometric forms keep body text legible and friendly.
PlayfulPreview
Bubblegum SansComfortaa
Josefin Sans
Josefin Sans - Josefin Sans's elegant geometric forms create a minimalist mono-family.
MinimalPreview
Josefin SansJosefin Sans
Work Sans
Work Sans - The ultimate minimal mono-family.
MinimalPreview
Work SansWork Sans
Commissioner
Commissioner - A variable font mono-family designed for flexible typographic systems.
MinimalPreview
CommissionerCommissioner
Raleway
Open Sans - Raleway's thin, elegant strokes create refined headings, while Open Sans provides the most trusted body text on the web.
MinimalPreview
RalewayOpen Sans
Assistant
Assistant - Assistant is a beautifully minimal Hebrew-Latin sans-serif.
MinimalPreview
AssistantAssistant
Roboto
Roboto - The gold standard for professional web typography.
ProfessionalPreview
RobotoRoboto
Noto Sans
Noto Serif - Noto's mission of universal readability shines here.
ProfessionalPreview
Noto SansNoto Serif
Public Sans
Public Sans - A strong, clear mono-family designed for government and public sector interfaces.
ProfessionalPreview
Public SansPublic Sans
IBM Plex Sans
IBM Plex Serif - IBM Plex's corporate heritage brings instant credibility.
ProfessionalPreview
IBM Plex SansIBM Plex Serif
Manrope
Manrope - Manrope is a modern geometric sans-serif designed for contemporary business interfaces.
ProfessionalPreview
ManropeManrope
Righteous
Exo 2 - Righteous's distinctive display style with its curved letterforms creates unforgettable headings.
CreativePreview
RighteousExo 2
Bebas Neue
Rajdhani - Bebas Neue's compressed all-caps impact delivers maximum headline punch.
CreativePreview
Bebas NeueRajdhani
Abril Fatface
Nunito - Abril Fatface's ultra-bold fat serif commands attention instantly.
CreativePreview
Abril FatfaceNunito
Staatliches
Staatliches - Staatliches is a powerful condensed display typeface that makes every word count.
CreativePreview
StaatlichesStaatliches
Londrina Solid
Titillium Web - Londrina Solid's chunky, playful display style brings youthful energy to headings.
CreativePreview
Londrina SolidTitillium Web
Lora
Lora - Lora is a well-balanced contemporary serif with calligraphic roots.
SerifPreview
LoraLora
PT Serif
PT Sans - PT Serif's robust bookish character brings authority to headings, while PT Sans offers complementary readability for body text.
SerifPreview
PT SerifPT Sans
Alegreya
Alegreya - Alegreya is a dance of calligraphic elegance across all weights.
SerifPreview
AlegreyaAlegreya
Zilla Slab
Zilla Slab Highlight - Zilla Slab's warm, approachable slab serif design brings personality to headings.
SerifPreview
Zilla SlabZilla Slab Highlight
Spectral
Spectral - Spectral is a versatile serif designed for long-form reading at small sizes while maintaining elegance at display sizes.
SerifPreview
SpectralSpectral
Bitter
Bitter - Bitter is a slab-serif designed for readability in UI contexts.
SerifPreview
BitterBitter
Literata
Literata - Literata was custom-designed by Google Play Books for optimal on-screen reading.
SerifPreview
LiterataLiterata
Mengapa menggunakan Penjelajah Pasangan Font kami?
- Pratinjau langsung instan: pratinjau pasangan font mana pun seketika dengan konten contoh atau teks Anda sendiri. Penjelajah kami memuat Google Fonts secara dinamis melalui injeksi CSS, jadi Anda melihat persis bagaimana kombinasi judul dan badan akan tampil di situs Anda - tanpa pemasangan font manual.
- Dikurasi berdasarkan kategori desain: jelajahi 40+ pasangan font pilihan yang dikelompokkan ke 8 kategori: modern, klasik, elegan, playful, minimalis, profesional, kreatif, dan serif. Setiap pasangan dilengkapi deskripsi rinci tentang alasan font cocok dan kapan sebaiknya dipakai.
- Ekspor CSS satu klik: sudah menemukan pasangan sempurna? Salin cuplikan CSS @import lengkap hanya dengan satu klik. Penjelajah kami menghasilkan URL impor @font-face yang tepat dan deklarasi font-family untuk font judul dan badan, siap ditempel ke stylesheet Anda.
- Alat pasangan font online gratis: penjelajah kami 100 % gratis tanpa pendaftaran, batas, atau biaya tersembunyi. Jelajahi kombinasi tanpa batas, pratinjau dengan teks sendiri, dan ekspor CSS sebanyak yang diperlukan. Berjalan di semua browser modern - desktop dan seluler.
Apa itu pemasangan font?
Pemasangan font adalah seni memilih dua atau lebih typeface yang bekerja harmonis dalam sebuah desain. Pasangan yang tepat menciptakan hierarki visual , membangun suasana dan nada , serta meningkatkan keterbacaan . Pendekatan paling umum adalah memasangkan font judul yang khas (untuk judul dan subjudul) dengan font badan yang sangat mudah dibaca (untuk paragraf dan bacaan panjang). Penjelajah kami menghimpun 40+ kombinasi Google Fonts yang dikurasi dengan cermat, masing-masing dipilih oleh desainer profesional untuk kasus penggunaan dan kategori desain tertentu.
Cara kerja Penjelajah Pasangan Font kami
- Jelajahi pasangan pilihan: telusuri 40+ pasangan font dalam 8 kategori (modern, klasik, elegan, playful, minimalis, profesional, kreatif, dan serif). Setiap pasangan menyertakan penjelasan rinci tentang alasan font saling melengkapi dan konteks terbaiknya.
- Pratinjau langsung dengan teks sendiri: klik pasangan mana pun untuk membuka panel pratinjau. Pilih konten contoh (Artikel, Merek, Minimalis, Editorial) atau masukkan teks Anda sendiri untuk melihat persis bagaimana pasangan itu menampilkan konten Anda.
- Ekspor dan terapkan: setelah menemukan pasangan sempurna, salin cuplikan CSS @import dengan satu klik. Cuplikan itu memuat URL impor Google Fonts dan deklarasi font-family siap pakai untuk judul dan badan.
Prinsip tipografi untuk memasangkan font
- Kontras itu kunci: pasangan font paling berhasil menciptakan kontras antara font judul dan font badan. Strategi umum termasuk memasangkan judul serif dengan badan sans-serif (atau sebaliknya), atau memakai ketebalan yang sangat berbeda dalam satu superfamily.
- Jaga harmoni: meski kontras penting, font harus berbagi kualitas struktural tertentu - proporsi tinggi-x yang serupa, jarak huruf yang kompatibel, atau karakter geometris yang saling melengkapi. Pasangan kami menjamin keseimbangan ini.
- Pertimbangkan konteks: pasangan playful yang cocok untuk merek anak-anak tidak tepat untuk situs firma hukum. Pengelompokan berdasarkan kategori membantu Anda menemukan pasangan yang sesuai konteks dan audiens proyek.
- Batasi palet: gunakan maksimal dua atau tiga font. Terlalu banyak typeface menciptakan kekacauan visual. Pasangan judul + badan yang kuat, mungkin ditambah font aksen ketiga untuk elemen khusus, sudah cukup.
Performa & pemuatan web font
Web font memengaruhi performa halaman melalui ukuran file dan perilaku pemuatan. Penjelajah kami menyediakan URL impor CSS Google Fonts langsung, yang memakai parameter display=swap agar teks tetap terlihat selama font dimuat. Saat menerapkan pasangan pilihan Anda, pertimbangkan strategi pemuatan modern seperti font-display: swap di CSS, memuat awal font penting dengan <link rel="preload"> , dan subsetting font agar hanya memuat karakter yang dipakai konten Anda. Alat Font Subsetter kami dapat membantu memperkecil ukuran file setelah Anda memilih pasangan.
Pertanyaan yang Sering Diajukan
Penjelajah pasangan font membantu desainer dan pengembang menemukan kombinasi Google Font yang saling melengkapi. Alat kami menampilkan 40+ pasangan pilihan yang dikelompokkan berdasarkan kategori desain, lengkap dengan pratinjau langsung, pengujian teks khusus, dan ekspor CSS satu klik.
Penjelajah pasangan font kami menyediakan 40+ pasangan Google Font pilihan di 8 kategori desain: modern, klasik, elegan, playful, minimalis, profesional, kreatif, dan serif.
Bisa. Semua font yang ditampilkan berasal dari Google Fonts dengan lisensi SIL Open Font License (OFL) atau lisensi permisif lainnya. Gratis untuk penggunaan pribadi maupun komersial tanpa atribusi.
Salin cuplikan CSS @import dari panel pratinjau dan tempelkan di bagian atas file CSS Anda. Lalu terapkan font judul ke elemen h1-h6 dan font badan ke paragraf memakai deklarasi font-family yang disediakan.
Ya. 100 % gratis tanpa pendaftaran, tanpa batas penggunaan, dan tanpa fitur premium. Jelajahi semua 40+ pasangan, pratinjau dengan teks sendiri, dan ekspor CSS sebanyak yang Anda butuhkan.