Font eşleştirme aracı

Google Fonts'tan şık başlık + metin kombinasyonları üretin. Beğendiğiniz fontu kilitleyin, diğerini karıştırın ve hazır CSS'i kopyalayın.

BaşlıkPlayfair Display
MetinSource Sans 3

💡 Yüksek kontrastlı Playfair başlıkları sakin, hümanist bir sans serifle buluşuyor: klasik editoryal serif–sans formülü.

CSS kodunu al
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Source+Sans+3:wght@400;700&display=swap" rel="stylesheet">

<style>
  h1, h2, h3 { font-family: "Playfair Display", serif; }
  body { font-family: "Source Sans 3", sans-serif; }
</style>

Yapay zekâ ile font eşleştirme

PRO

Markanızı, hedef kitlenizi ya da projenizi anlatın; gerekçeleriyle birlikte size özel dört eşleşme alın.

Özenle seçilmiş 100 eşleşme

Playfair Display

Source Sans 3 — The quick brown fox jumps over the lazy dog.

Yüksek kontrastlı Playfair başlıkları sakin, hümanist bir sans serifle buluşuyor: klasik editoryal serif–sans formülü.

Playfair Display

Lato — The quick brown fox jumps over the lazy dog.

Lato'nun hafif yuvarlak harfleri Playfair'in keskin kontrastını yumuşatıyor; şık ama samimi bir sayfa.

Montserrat

Merriweather — The quick brown fox jumps over the lazy dog.

Geniş, geometrik bir başlık ve ekranlar için tasarlanmış sağlam bir serif: güçlü hiyerarşi, rahat uzun okuma.

Oswald

Open Sans — The quick brown fox jumps over the lazy dog.

Dar Oswald vurucu başlıkları kısıtlı alanlara sığdırıyor, nötr Open Sans ise gövde metnini zahmetsizce okutuyor.

Roboto Slab

Roboto — The quick brown fox jumps over the lazy dog.

Tek aile, iki ses: ortak oranlar bütünlüğü koruyor, slab serifler başlıklara ekstra ağırlık katıyor.

Abril Fatface

Lato — The quick brown fox jumps over the lazy dog.

Dikkati üzerine çeken 'fat face' bir didone; Lato geri çekilip paragrafları hafif tutuyor.

DM Serif Display

DM Sans — The quick brown fox jumps over the lazy dog.

Birlikte kullanılmak üzere tasarlandılar: DM ailesinden yüksek kontrastlı bir display serif ve düşük kontrastlı geometrik bir sans.

Fraunces

Inter — The quick brown fox jumps over the lazy dog.

Fraunces başlıklara yumuşak, eski üslup bir sıcaklık katıyor; Inter'in nötr formları arayüzü net tutuyor.

Cormorant Garamond

Proza Libre — The quick brown fox jumps over the lazy dog.

Narin, yüksek kontrastlı Garamond başlıkları ve ekranda net görünmesi için ince ayar yapılmış sıcak bir sans.

Space Mono

Space Grotesk — The quick brown fox jumps over the lazy dog.

Aynı DNA: başlıkta monospace orijinal, okunaklı metin için ondan türetilen orantılı grotesk.

JetBrains Mono

Inter — The quick brown fox jumps over the lazy dog.

Geliştirici aracı estetiği: başlıkta net bir kod fontu, hızlı okunması gereken her şeyde Inter.

IBM Plex Serif

IBM Plex Sans — The quick brown fox jumps over the lazy dog.

IBM'in süper ailesi ölçüleri ve detayları paylaşıyor; serif başlıklar ve sans metin birlikte tasarlanmış gibi duruyor.

Nasıl kullanılır?

  1. 1Yeni bir eşleşme için Üret'e (ya da boşluk tuşuna) basın.
  2. 2Beğendiğiniz başlık veya metin fontunu kilitleyin ve diğerini karıştırmaya devam edin.
  3. 3Kendi metninizi yazıp önizleyin, ardından CSS'i veya Google Fonts bağlantısını kopyalayın.

İyi eşleşmeler kontrast ile uyumu dengeler: karakterli bir başlık fontu ile sakin ve okunaklı bir metin fontu, benzer oranlar ve ortak bir hava. Aracımız her kombinasyonu tasarımcıların kullandığı kurallarla puanlar — sınıflandırma, genişlik, kontrast ve x yüksekliği — böylece her karıştırma mantıklı bir başlangıç noktası olur.

Tüm fontlar Google Fonts'tandır ve SIL Open Font License ile yayınlanmıştır; kişisel ve ticari projelerde ücretsizdir.

Sıkça sorulan sorular

Evet. Tüm fontlar Google Fonts'tandır ve SIL Open Font License ile lisanslanmıştır — web siteleri, uygulamalar ve baskı dahil kişisel ve ticari kullanım için ücretsizdir.

CSS parçacığını kopyalayın — Google Fonts bağlantısını ve başlıklar ile metin için font-family kurallarını içerir.

Belirgin kontrast (ör. tırnaklı başlık + tırnaksız metin), uyumlu oranlar ve ortak bir hava. Birbirine benzeyen ama aynı olmayan iki fontu eşleştirmekten kaçının.

Markanızı ya da projenizi anlatın; yapay zekâmız gerekçeleriyle birlikte dört eşleşme önersin. Bir Pro özelliğidir.

İlgili araçlar