Web sitelerinin içeriğinin %90’ından fazlası yazılardan oluşur. En harika pazarlama stratejisine ve en güçlü ürünlere sahip olsanız bile, ziyaretçi sitenizdeki metinleri gözü yorulmadan akıcı şekilde okuyamıyorsa mesajınız hedefine ulaşamaz.
Tipografi yalnızca “hoş bir yazı karakteri seçmek” değildir; metnin okunabilirliğini (Readability), görsel hiyerarşisini ve markanın ciddiyetini belirleyen en temel tasarım disiplinidir.
Font Eşleştirme (Font Pairing) Sanatı
Birbirine uyumlu iki font seçmek web sitesine profesyonel bir karakter kazandırır:
- Zıtlıkların Uyumu: Karakterli ve iddialı bir başlık fontu (örneğin zarif bir Serif font) seçildiğinde, gövde metinlerinde sakin, net ve son derece okunaklı bir Sans-Serif font kullanılmalıdır.
- Aynı Font Ailesinin Ağırlıkları: Farklı iki font kullanmak yerine tek bir güçlü font ailesinin (örneğin Inter veya Plus Jakarta Sans) Bold, Semi-Bold ve Regular ağırlıklarını kullanarak sade bir şıklık yakalayabilirsiniz.
- Okunaksız Dekoratif Fontlardan Kaçının: El yazısı (script) veya aşırı süslü fontlar logolarda kullanılabilir ancak web metinlerinde kesinlikle kullanılmamalıdır.
Görsel Hiyerarşi ve Altın Oran Kuralları
Kullanıcı ekrandaki yazıları tararken gözün doğal hareketine rehberlik edilmelidir:
- H1 Ana Başlık (32px - 48px): Sayfanın tek odak noktası, kalın ve çarpıcı.
- H2 Bölüm Başlıkları (24px - 32px): Ana konuları ayıran ara duraklar.
- Gövde Metinleri (Body - 16px - 18px): Rahat okunan, satır arası ferah (line-height: 1.6) paragraflar.
- Satır Uzunluğu Sınırı: Bir satırda 60-75 karakterden fazla metin olmamalıdır; aşırı uzun satırlar gözün bir sonraki satıra geçmesini zorlaştırır.
Fontların Hıza Etkisi: WOFF2 ve Self-Hosting
Google Fonts üzerinden kontrolsüzce 6-7 farklı font varyantı çekmek sitenizin açılışını 1-2 saniye geciktirir:
- Sadece gerçekten kullandığınız ağırlıkları (örneğin 400 ve 700) projeye dahil edin.
- Fontları kendi sunucunuzda (Self-hosted) WOFF2 formatında barındırın.
- CSS’te
font-display: swapkullanarak yazıların font inerken bile hemen görünmesini sağlayın.
Tipografisi kusursuz, gözü yormayan ve yüksek hızlı kurumsal web tasarım projelerimizle tanışabilir; marka kimliğinizi güçlendirmek için web tasarimda marka kimligi neden onemlidir rehberimize göz atabilirsiniz. Detaylı bilgi için iletişim sayfamızdan ekibimize ulaşın.
