Ana SayfaTasarım AraçlarıYazı Tipi Eşleştirme

Yazı Tipi Eşleştirme

Font Pairing aracı, başlıklar ve gövde metni için 12 seçkin Google Fonts kombinasyonunu önizler, fontları kendiniz karıştırmanıza izin verir ve uygun CSS @import'u kopyalar.

The Art of Good Typography
Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. The arrangement of type involves selecting typefaces, point sizes, line lengths, line-spacing, and letter-spacing.

Bu araç hakkında

Font Pairing aracı, başlıklar ve gövde metni için 12 seçkin Google Fonts kombinasyonunu önizler, fontları kendiniz karıştırmanıza izin verir ve uygun CSS @import'u kopyalar.

Nasıl kullanılır

  1. Seçkin eşleşmelerden birini seçin veya bir başlık ve gövde fontunu kendiniz belirleyin.
  2. Kombinasyonları keşfetmek için Random Pairing'i kullanın.
  3. Başlık ve paragraf metninin canlı önizlemesini inceleyin.
  4. Fontları sitenize yüklemek için Copy CSS @import'a tıklayın.

Bilmekte fayda var

  • Klasik bir eşleşme serif ile sans-serif fontu karşıtlaştırır; örneğin Playfair Display ile Source Sans 3.
  • Eşleşmeler arasında Montserrat + Merriweather, Raleway + Lato, Space Grotesk + Inter ve DM Serif Display + DM Sans bulunur.
  • Bir siteyi iki font ailesiyle sınırlamak sayfaları tutarlı tutar ve indirme boyutunu azaltır.
  • Önizleme, seçilen fontları Google Fonts'tan 400 ve 700 kalınlıklarında yükler.
  • Font URL'sine display=swap eklemek, web fontu yüklenirken yedek metnin görünmesini sağlar.

Tamamen tarayıcınızda çalışır — girdiğiniz hiçbir şey yüklenmez veya saklanmaz.

Sık sorulan sorular

Hangi fontlar birbiriyle uyumludur?

Stilleri farklı ama oranları benzer fontlar genellikle iyi eşleşir; örneğin yüksek kontrastlı serif bir başlıkla sade bir sans-serif gövde metni. Buradaki seçkin eşleşmeler kanıtlanmış kombinasyonlardır.

Bir web sitesinde kaç font kullanılmalı?

İki aile — biri başlıklar, biri gövde metni için — çoğu site için yeterlidir. Üçüncüsüne nadiren ihtiyaç duyulur.

Google Fonts ticari kullanım için ücretsiz mi?

Evet. Google Fonts kütüphanesindeki fontlar SIL Open Font License gibi açık lisanslarla yayımlanır ve ticari olarak kullanılabilir.

Fontları siteme nasıl eklerim?

Kopyalanan @import'u CSS'inizin en üstüne yapıştırın veya HTML head bölümünüzde bir link etiketine dönüştürün, ardından başlıklarınızda ve body'de font-family'yi ayarlayın.