Yazı Tipi Eşleştirme ve Google Fonts Dizini
Popüler Google Fonts yazı tiplerinden oluşan özenle seçilmiş bir dizini canlı önizlemelerle inceleyin, kategoriye göre filtreleyin ve ada göre arayın, ardından yapıştırmaya hazır CSS'yi kopyalayın ve önerilen yazı tipi eşleşmelerini keşfedin — tümü tarayıcınızda.
Her şey tarayıcınızda çalışır — yazı tipleri yalnızca canlı önizleme için Google Fonts üzerinden yüklenir, hiçbir şey yüklenmez, kayıt yok, tamamen ücretsiz.
Display yazı tipiyle oluşturulmuş bir başlık
Ve işte eşleşen metin yazı tipiyle oluşturulmuş bir gövde metni paragrafı. İyi yazı tipi eşleşmeleri kişilik ve okunabilirliği dengeler: karakterli bir başlık yazı tipi gözü çeker, temiz ve rahat bir gövde yazı tipi ise uzun pasajların okunmasını kolaylaştırır. Başlıklarınız ve gövde metniniz için hem @import satırlarını hem de font-family kurallarını kopyalamak üzere "CSS"e tıklayın.
Yazı Tipi Eşleştirme ve Google Fonts Dizini Hakkında
Bu font dizini, 80 popüler Google Fonts'u tek bir aranabilir sayfada toplar; her biri bir pangram örnek satırı, bir alfabe ve rakam satırı ve bir kategori rozetiyle canlı bir örnek olarak işlenir. Beş yazı tipi ailesini kapsar — sans-serif, serif, display, el yazısı ve monospace — böylece isimlerden tahmin etmek yerine gerçek harf biçimlerini karşılaştırabilirsiniz.
Her font kartı, küratörlü eşleştirme önerileri içerir: başlıklar ve gövde metni için birlikte iyi çalışan ortak yazı tipleri. Bir eşleştirme çipine tıklamak, bir başlığı bir yazı tipinde ve bir paragrafı diğerinde ayarlayan bir önizleme açar, böylece bir kombinasyona bağlanmadan önce bağlam içinde değerlendirebilirsiniz.
Bir yazı tipi veya eşleştirme uyduğunda, tek tıkla kopyala-yapıştıra hazır CSS kopyalanır — Google Fonts stil sayfası için bir @import satırı artı makul bir yedekle eşleşen font-family yığını. Fontlar sadece canlı önizlemeler için Google Fonts'tan yüklenir; yazdığınız hiçbir şey hiçbir yere yüklenmez.
Yazı Tipi Eşleştirme ve Google Fonts Dizini Nasıl Kullanılır
- Her biri adını, kategori rozetini ve gerçek yazı tipiyle ayarlanmış canlı örnek metnini gösteren font kartlarına göz atın.
- Bir fontu adına göre bulmak için arama kutusunu kullanın veya ızgarayı filtrelemek için bir kategori çipine tıklayın (Sans-serif, Serif, Display, El yazısı, Monospace).
- Örnek satırı hedef başlık veya gövde boyutunuzda önizlemek için boyut kaydırıcısını (16–72 px) sürükleyin.
- Önerilen kombinasyonda ayarlanmış bir başlık ve gövde paragrafı görmek için bir "Pairs with" çipine veya "Preview pairing" düğmesine tıklayın.
- @import satırını ve font-family bildirimlerini panonuza kopyalamak için bir kartta veya eşleştirme önizlemesinde "CSS" düğmesine tıklayın.