Giriş yap

Tipografi

Font Eşleştirme

Küratörlü Google Fonts başlık + gövde eşleşmelerini canlı önizle, CSS'i al.

Filtre
Başlık fontu
Gövde fontu

Eşleşmeleri kaydetmek için giriş yap.

Playfair Display + Source Sans 3

Tasarım her yerde

İyi tipografi görünmezdir; okuyucuyu içeriğe taşır, kendine değil.

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

:root {
  --font-heading: "Playfair Display", serif;
  --font-body: "Source Sans 3", sans-serif;
  --heading-size: 40px;
  --body-size: 16px;
  --leading: 1.6;
}
Uygulamada nasıl?
  1. 1Text aracıyla (T) bir metin oluştur.
  2. 2Font menüsüne başlık için "Playfair Display" yaz (Google Fonts yerleşiktir).
  3. 3Gövde metni için "Source Sans 3" fontunu seç.