Tipografi, web tasarımının sessiz kahramanıdır. Bir web sayfasının içeriğinin %95’i metinden oluşur; dolayısıyla font seçimi ve tipografik düzen, kullanıcı deneyimini belirleyen en önemli faktörlerden biridir. Doğru tipografi, okunabilirliği artırır, marka kimliğini güçlendirir ve duygusal bağ kurar.
Font Sınıflandırması
| Font Türü | Karakteristik | Kullanım | Örnekler |
|---|---|---|---|
| Serif | Tırnaklı, klasik, otoriter | Uzun metin, editoryal | Georgia, Merriweather, Lora |
| Sans-Serif | Tırnaksız, modern, temiz | Dijital arayüz, gövde metin | Inter, Roboto, Open Sans |
| Monospace | Eşit genişlik, teknik | Kod, veri, tablo | JetBrains Mono, Fira Code |
| Display | Dekoratif, dikkat çekici | Başlıklar, logo, hero | Playfair Display, Poppins |
Tipografi Ölçeği (Type Scale)
Tutarlı bir tipografi ölçeği, görsel hiyerarşi ve uyum sağlar. Modüler ölçek, bir taban boyutun belirli bir oranla çarpılmasıyla oluşturulur:
- Taban boyut: 16px (1rem) — gövde metni
- Oran: Major Third (1.25) veya Perfect Fourth (1.333)
- H1: 2.488rem (39.8px)
- H2: 2.074rem (33.2px)
- H3: 1.728rem (27.6px)
- H4: 1.44rem (23px)
- Body: 1rem (16px)
- Small: 0.833rem (13.3px)
Okunabilirlik İlkeleri
Satır Uzunluğu
İdeal satır uzunluğu 45-75 karakter arasıdır. Çok kısa satırlar okuma ritmini bozarken, çok uzun satırlar göz takibini zorlaştırır.
Satır Yüksekliği (Line Height)
Gövde metni için 1.5-1.75 satır yüksekliği idealdir. Başlıklarda 1.1-1.3 yeterlidir.
Font Eşleştirme (Font Pairing)
İki font birlikte kullanırken kontrast ve uyum dengesini gözetin:
- Serif + Sans-serif: Klasik kombinasyon (başlık serif, gövde sans-serif)
- Aynı aile: Font ailesinin farklı ağırlıkları (güvenli seçim)
- Karakter benzerliği: x-height ve oran uyumu olan fontlar
font-display: swap ile sistem fontu gösterip web fontu yüklenince geçiş yapın. Variable fontlar tek dosyayla birden fazla ağırlık sunarak HTTP isteklerini azaltır. TAGUM projelerinde font optimizasyonuna özel önem verilmektedir.
Web içeriğinin metin olma oranı
Kaynak: Oliver Reichenstein, iA
Türkçe Tipografi Notları
Türkçe için font seçerken özel karakterleri (ç, ğ, ı, İ, ö, ş, ü) kontrol edin. Google Fonts’ta “Latin Extended” desteği olan fontlar tercih edilmelidir.
Sonuç
Tipografi, tasarımın en incelikli ve en etkili aracıdır. Doğru font seçimi, uygun ölçek ve dikkatli hiyerarşi ile metinlerinizi görsel bir deneyime dönüştürebilirsiniz. TAGUM ekibi, dijital ürünlerinizde tipografik mükemmelliği sağlar.
