Yazı tipi, sitenin karakterini belirleyen en güçlü unsurlardan biridir. Ancak yanlış kullanılan fontlar, sayfa açılışını yavaşlatır ve metnin bir süre görünmemesine yol açabilir.
Fontlar hızı nasıl etkiler?
Tarayıcı, sayfadaki yazıyı göstermek için font dosyasını indirmek zorundadır. Çok sayıda kalınlık ve stil yüklemek, indirilecek veri miktarını artırır. Ayrıca font geç yüklendiğinde metin yer değiştirebilir; bu da Core Web Vitals içindeki düzen kayması (CLS) değerini bozar.
Uygulanabilir öneriler
Gerçekten kullandığınız kalınlıkları yükleyin
Çoğu site için iki veya üç kalınlık yeterlidir. Her ek kalınlık ayrı bir dosya demektir.
font-display kullanın
CSS'te font-display: swap ayarı, font yüklenene kadar metnin sistem fontuyla gösterilmesini sağlar. Böylece ziyaretçi boş ekrana bakmaz.
WOFF2 formatını tercih edin
WOFF2, günümüz tarayıcılarında desteklenen ve en iyi sıkıştırmayı sunan font formatıdır.
Alt küme (subset) kullanın
Yalnızca ihtiyaç duyulan karakterleri içeren font dosyaları daha küçüktür. Türkçe karakterlerin (ç, ğ, ı, İ, ö, ş, ü) alt kümede bulunduğundan emin olun.
Değişken fontları değerlendirin
Tek dosyada birçok kalınlığı barındıran değişken fontlar, çok sayıda kalınlık kullanılan tasarımlarda dosya sayısını azaltabilir.
Kendi sunucunuzda barındırmayı düşünün
Fontu kendi alan adınızdan sunmak, üçüncü taraf bağlantılarını azaltır ve ziyaretçi verisinin dış hizmetlere gitmesini sınırlar.
Lisans konusunu atlamayın
Her font web'de ücretsiz kullanılamaz. Açık lisanslı fontlar (örneğin SIL Open Font License ile dağıtılanlar) genellikle web kullanımına uygundur. Ticari fontlarda web kullanımı için ayrı lisans gerekebilir. Başka bir siteden font dosyası kopyalamak lisans ihlali olabilir.
Okunabilirlik
- Gövde metni için en az 16 piksel civarı bir boyut tercih edin.
- Satır aralığını 1,5 civarında tutun.
- Arka plan ile yazı arasında yeterli kontrast sağlayın.
- Çok ince kalınlıkları uzun metinlerde kullanmayın.
Sık sorulan sorular
Sistem fontları kullanmak kötü bir fikir mi?
Hayır. Sistem fontları hiç indirme gerektirmez ve çok hızlıdır. Marka kimliği özel bir font gerektirmiyorsa iyi bir seçenektir.
Google Fonts kullanmak KVKK açısından sorun mu?
Harici bir sunucudan font çekmek ziyaretçinin IP adresinin o sunucuya iletilmesi anlamına gelir. Bu nedenle birçok site fontları kendi sunucusunda barındırmayı tercih ediyor.
Sonuç
Az sayıda, iyi seçilmiş ve doğru yüklenmiş font; hem hızlı hem şık bir site demektir. Daha fazla hız önerisi için web sitesi hızlandırma yazımıza göz atabilirsiniz.