Onayı son kareden ilk ziyarete taşıyın

Ajansın sık açtığı bilgisayarda font dosyası önbellekte olabilir. Bu görüntü, siteyi ilk kez açan bir ziyaretçinin gördüğü sırayı temsil etmeyebilir. Kabul listesine ilk ziyaret ve dosyanın gelmediği durumları da ekleyin; yalnız yenileme sonrası güzel görünen ekranı onaylamayın.

Örnek olarak “Mekânınız için aydınlatma” başlığını düşünün. Marka fontunda iki satır, yedek fontta üç satır olması alttaki ürün kartını hareket ettirebilir. Kapaktaki özgün çizim bu farkı anlatır; belirli bir fontun ölçülmüş performans sonucu veya müşteri sitesinin ekran kaydı değildir.

Beklerken gösterilecek yazıyı seçin

Web platformundaki font-display ayarı, font hazır değilken metnin nasıl gösterileceğine dair farklı davranışlar sunar. web.dev bu yükleme kararını açıklar. Hiçbir değer her site için otomatik olarak en iyi sonuç sayılmaz; okunabilirlik, font değişimi ve görünüm kararlılığı birlikte değerlendirilmelidir.

İşletme açısından sorulacak soru basittir: kişi fiyatı, ürün adını veya iletişim düğmesini beklemeden okuyabiliyor mu? Tasarım ekibinden normal fontun yanında kabul edilebilir bir yedek görünüm isteyin. Kararı yalnız teknik bir ayar adı olarak değil, metinli iki ekran üzerinden konuşun.

Yedek görünüm için örnek kabul notu

Kullanılmayan ağırlıkları tasarım kararından çıkarın

Projede kaç yazı tipi ailesi ve kaç ağırlık gerçekten kullanılıyor? Tasarım dosyasında bir kez denenmiş bir kalınlığı bütün siteye taşımak zorunda değilsiniz. Başlık, gövde ve vurgu görevlerini listeleyin; her dosyanın görünür bir ihtiyacı karşılayıp karşılamadığını değerlendirin.

Dosya azaltırken gerekli karakterleri kaybetmeyin. Türkçe örnek cümleler ve hedef pazarın gerçek ürün adlarıyla kontrol yapın. Font dosyasının web kullanımına uygun lisansını işletmenin kayıtlarında saklayın; masaüstünde kurulu olması, projede hangi kullanımın izinli olduğunu kendi başına açıklamaz.

Yedek fontu genişlik ve ritimle değerlendirin

Benzer karakter genişliği olan bir yedek görünüm satır değişimlerini sınırlamaya yardımcı olabilir; bunu ölçmeden “kayma bitti” demeyin. Uzun başlıkları, rakamları, menüyü ve tek satırlık düğmeleri birlikte inceleyin. Bir başlığın sığması bütün sayfanın sorunsuz olduğu anlamına gelmez.

Sabit yükseklik verip taşan harfleri kesmek çözüm değildir. Metin büyütüldüğünde de içerik okunabilmeli. Tasarımın önemli kısmı doğru harf biçimi olsa bile, bir dosya isteği başarısız olduğunda hizmet açıklamasının kaybolması kabul edilebilir bir marka deneyimi sayılmaz.

Teslimde sonucu ve koşulu birlikte kaydedin

Kontrol kaydında hangi sayfanın, hangi bağlantı koşulunda ve hangi cihazda incelendiğini yazın. Fontun geldiği, geciktiği ve gelmediği üç durumda başlık ve temel eylemi gözden geçirin. Ölçüm yapıldıysa sonucu yalnız o koşula ait olarak raporlayın; tek puandan genel hız garantisi üretmeyin.

Tipografi hiyerarşisi metin görevlerini, Core Web Vitals rehberi performans yorumunu tamamlar. Web tasarım teklifinde font dosyaları, lisans sorumluluğu, yedek görünüm ve ilk yükleme kontrolünü aynı teslim maddesinde isteyin.

Sık sorulan sorular

Marka fontundan vazgeçmek şart mı?

Hayır. Önce kullanılan dosyaları ve yükleme davranışını değerlendirin. Marka fontu ile okunabilir bir yedek görünüm birlikte planlanabilir.

Bir ekran görüntüsü yeterli kontrol mü?

Son görüntüyü gösterir ama yükleme sırasını kanıtlamaz. İlk ziyaret, gecikme ve başarısız yükleme ayrıca incelenmelidir.

Kaynaklar ve ileri okuma

web.dev — Optimize WebFont loading and rendering
Web tasarım & geliştirmeBu hizmeti konuşalım