patrache.tools

Yazı Tipi Eşleştirme

Ücretsiz çevrimiçi yazı tipi eşleştirme önerileri. Başlık ve gövde için Google Fonts kombinasyonları, gerçek zamanlı önizleme. Tarayıcıda işlenir.

Classic Elegant

Hızlı kahverengi tilki

Hızlı kahverengi tilki tembel köpeğin üzerinden atlar. İyi font eşlemesi harika tasarım için gereklidir.

Başlık: Playfair DisplayGövde: Source Sans 3
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Source+Sans+3:wght@400;700&display=swap'); h1, h2, h3 { font-family: 'Playfair Display', serif; } body, p { font-family: 'Source Sans 3', sans-serif; }
lockDosyalar hiçbir sunucuya gönderilmez
Paylaş
Göm

Bu aracı sitenize gömün

Yazı Tipi Eşleştirme Önericisi; uyumlu yazı tipi eşleşmelerini öneren ücretsiz bir çevrimiçi araçtır.

Yazı Tipi Eşleştirme nasıl kullanılır?

  1. Bir başlık yazı tipi seçin veya önerilere göz atın.
  2. Gövde yazı tipi kombinasyonlarını önizleyin.
  3. Seçtiğiniz eşleşme için Google Fonts kodunu kopyalayın.

Yazı Tipi Eşleştirme hakkında sık sorulan sorular

İyi bir yazı tipi eşleşmesini ne yapar?

Kontrast ve uyum anahtardır. Başlıklar için serif veya display bir yazı tipini, gövde metni için bir sans-serif ile eşleştirmek genellikle kazandıran bir kombinasyondur.

Önerilen yazı tipleri ücretsiz mi?

Evet, önerilen tüm yazı tipleri Google Fonts'tan ücretsiz açık kaynaklı yazı tipleridir. Hem kişisel hem de ticari projelerde serbestçe kullanılabilirler.

Birden çok web yazı tipi sayfayı yavaşlatır mı?

Yükü aileler değil, ağırlıklar getirir. Tek bir yazı tipi dosyası genellikle 20-40 KB'dir; ikişer ağırlıkla iki aile yaklaşık 100 KB eder ki bu sorun değildir. Asıl sıkıntı, tek bir ailenin altı farklı ağırlıkta yüklenmesidir. Değişken bir yazı tipi tüm ağırlıkları tek dosyadan karşılar ve font-display: swap tanımlamak, yazı tipi geç gelse bile metnin hemen görünmesini sağlar.

Gövde metni için yazı tipini hangi ölçütle seçmeliyim?

Gövde metninde okunabilirlik kişilikten önce gelir. 16 pikselde cömert bir küçük harf yüksekliği, harfler arasında rahat bir boşluk ve 1, l ile I'nin yanı sıra 0 ile O'nun belirgin biçimde ayrışan biçimlerini arayın. Kendi metninizden gerçek bir paragrafı yapıştırıp hem dizüstünde hem telefonda okuyun; bu size örnek bir cümleden çok daha fazlasını söyler. Karakterli bir yazı tipi başlıkları taşıyabilir, ama okunmaya devam edilen, gövdedeki sakin olanıdır.

Yazı Tipi Eşleştirme etkili kullanım ipuçları

  • Seçtiğiniz fontta ı, İ, ğ, ş ve ç karakterlerinin doğru çizildiğini mutlaka kontrol edin.
  • Karakterli bir başlık fontunu sade bir metin fontuyla eşleyin, iki iddialı fontu değil.
  • Kalınlık farkı (700'e karşı 400) genelde font ailesini değiştirmekten daha iyi sonuç verir.

İlgili Araçlar

Gölge Oluşturucu

Ücretsiz çevrimiçi CSS box-shadow oluşturucu. Ofset, bulanıklık, yayılım, renk ayarlama, gerçek zamanlı önizleme. Kodu kopyalayın. Tarayıcıda işlenir.

Köşe Yuvarlaklığı

Ücretsiz çevrimiçi CSS border-radius önizleme. Her köşeyi ayrı ayrı ayarlayın, gerçek zamanlı önizleme. Kodu kopyalayın. Tarayıcıda işlenir.

CSS Grid Oluşturucu

Ücretsiz çevrimiçi CSS Grid oluşturucu. Görsel düzenleyici ile satır, sütun, boşluk ayarlayın, otomatik kod oluşturma. Tarayıcıda işlenir.

Powered by Patrache Studio Tools

Bu sitede reklamlara izin verin

Bu araçları kullanmak için bu sitede reklamlara izin verin. Reklamlar bu hizmetin ücretsiz kalmasını sağlar.

Reklam engelleyicinizi açın, bu site için engellemeyi kapatın ve yeniden kontrol edin.