Tipografi
Font Eşleştirme
400 Google Font arasından başlık + gövde eşleştir; Türkçe destekli filtresiyle ara, canlı önizle, CSS'i al.
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-weight: 700;
--body-weight: 400;
--heading-size: 40px;
--body-size: 16px;
--leading: 1.6;
}Uygulamada nasıl?
- 1Text aracıyla (T) bir metin oluştur.
- 2Font menüsüne başlık için "Playfair Display" yaz (Google Fonts yerleşiktir), kalınlığı 700 seç.
- 3Gövde metni için "Source Sans 3" 400 fontunu seç.