Font yüklenirken metin neden değişiyor?
Sayfa ilk açıldığında başlık iki satırdır; bir an sonra üç satıra döner. Çoğu zaman bunun nedeni web fontuyla yedek fontun aynı ölçülere sahip olmamasıdır. Font seçimi yalnızca estetik değil, yükleme ve yerleşim kararıdır.
Bir fontun güzel olması benim için tek başına yeterli değil; metin yüklenirken nasıl davrandığı da önemli. İlk anda başka bir yazı tipiyle görünen sayfanın sonradan yer değiştirmesini küçük bir ayrıntı saymam. Font seçimini, bekleme ve yerleşim kararlarından bağımsız düşünmeyi tercih etmem.
Temel fikir
Font dosyalarının sayısı, ağırlıkları ve yüklenme davranışı deneyimi etkiler. font-display farklı bekleme ve değiştirme stratejileri sunar; her seçeneğin görünür metin ve görsel kararlılık açısından bir karşılığı vardır. Dosyayı erkenden istemek de yalnızca gerçekten kritik fontlarda yararlıdır.
Bir örnek üzerinden
Bir blog için önce kullanılan ağırlıkları say. Arayüz 400 ve 700 kullanıyorsa kullanılmayan ağırlıkları sırf mevcut diye yükleme. Ardından yedek fontla başlığın genişliğine bak. Özellikle Türkçe karakterleri içeren uzun bir başlık test et; yalnızca İngilizce örnek metin yeterli değildir.
Nereden başlamalı?
Font gelmediğinde sayfa okunabilir kalmalı. Ağ yavaşlatılarak yapılan bir kontrol, hızlı bilgisayardaki normal açılıştan daha fazla sorun gösterebilir. Kimliği korurken okurun içeriğe ulaşmasını geciktirmeyen bir yükleme düzeni hedefle.
Benim yaklaşımım
Bir başlık için dar bir font seçsem yedek fontla oluşan satırları da kontrol ederdim. Kullanıcı önce üç satır, sonra iki satır görüyorsa alt bölüm hareket edebilir. İhtiyaç olmayan bütün kalınlıkları yüklemek yerine gerçekten kullanılanları belirlemek isterim. Görsel kimliği korumakla gereksiz dosya yüklememek birlikte ele alınabilir.
