Web sitesine font eklemek: hız, Türkçe ve FOUT
Son güncelleme: 20 Eylül 2026
Bir fontu beğenmek kolay, siteye doğru şekilde eklemek ayrı bir iş. Yanlış eklenen font sayfayı yavaşlatır, yazıyı bir an görünmez yapar ve bazen Türkçe harfleri yutar. Üçü de çözülebilir ve hiçbiri için ücretli araç gerekmiyor.
Barındırma: kendi sunucun mu, CDN mi?
Kendi sunucundan sunmak bugün çoğu durumda daha iyi. Tarayıcılar artık siteler arası font önbelleğini paylaşmıyor, yani dış bir CDN'den font çekmenin eski hız avantajı ortadan kalktı. Karşılığında üçüncü bir alan adına bağlanma, ek DNS çözümü ve ziyaretçinin IP'sinin başka bir sunucuya gitmesi kalıyor — sonuncusu Avrupa'da bir gizlilik konusu hâline geldi.
Format: tek bir dosya yeter
Bugün WOFF2 her yerde çalışıyor ve en iyi sıkıştırmayı veriyor. Eski tarayıcılar için WOFF, TTF, EOT eklemek 2015'in alışkanlığı; artık gereksiz ağırlık.
Alt küme (subset): asıl kazanç burada
Bir font ailesi onlarca dili destekliyorsa, dosyanın büyük kısmı senin hiç kullanmayacağın harflerden oluşur. Alt küme almak, yalnızca ihtiyacın olan karakterleri bırakmak demek ve dosya boyutunu sıklıkla yarıdan fazla düşürür.
latin seçersen ğ Ğ ı İ ş Ş dışarıda
kalır ve sayfada o harfler yerine başka bir fonta düşer — yazı
ortasında karakter değişir. Türkçe için latin-ext de
gerekiyor.
Yükleme davranışı: FOIT ve FOUT
Font indirilirken tarayıcı iki şeyden birini yapar: yazıyı hiç göstermez (FOIT) ya da yedek fontla gösterip sonra değiştirir (FOUT). Varsayılan davranış çoğu tarayıcıda yazıyı bir süre gizlemektir; yavaş bağlantıda sayfa boş görünür.
font-display: swap bunu tersine çevirir: yazı hemen yedek
fontla görünür, font gelince değişir. Metin ağırlıklı sitelerde
neredeyse her zaman doğru seçim.
Yedek font yığını
Fontun yüklenmediği anı da tasarlamak gerekiyor. Yedek olarak sistem fontlarını yazmak yeterli, ama ölçüleri yakın bir yedek seçmek sayfanın zıplamasını azaltır: geniş bir font yerine dar bir yedek koyarsan metin font gelince yeniden akar.
Kaç font, kaç ağırlık?
Her ağırlık ayrı bir dosyadır. Dört ağırlık + italikleri = sekiz dosya demek. Pratik denge: iki ağırlık (normal ve kalın) çoğu siteye yeter; italik gerçekten gerekiyorsa üçüncü olur. Değişken (variable) sürümü olan ailelerde tek dosya bütün ağırlıkları taşır — ikiden fazla ağırlık kullanacaksan değişken sürüm neredeyse her zaman daha hafiftir.
ğ Ğ ı İ ş Ş harflerini gözle kontrol et: alt küme
bildirimi doğru olsa bile çizimin kalitesi değişebiliyor.