Özel web fontu indirilene kadar tarayıcının metni geçici bir sistem fontuyla anında ekrana basmasını sağlayan CSS kuralıdır.
\n\nNasıl Çalışır ve Temel Prensipleri Nelerdir?
\n@font-face bloğu içerisine 'font-display: swap;' bildirimi eklenerek uygulanır.
\n\nNeden Kritik Öneme Sahiptir?
\nKullanıcının boş sayfaya bakmasını önler (FOIT); Google Core Web Vitals LCP ve FCP sürelerini ciddi ölçüde hızlandırır.
\n\nEn İyi Uygulama ve Kullanım İpuçları
\nÖzel fontunuzun oranlarına en yakın sistem fontunu seçin ve düzen kaymasını (CLS) önlemek için boyut eşitlemesi yapın.
\n\nSık Yapılan Hatalar ve Kaçınılması Gerekenler
\nÖzel fontları 'display: block' ile yükleyerek interneti yavaş kullanıcıların görünmez metinlerle karşılaşmasına neden olmak.
Sıkça Sorulan Sorular (SSS)
Font-Display Swap Nedir? (Yazı Tipi Değiştirme Kuralı) hakkında en sık yöneltilen sorular ve mühendislik ekibimizin uzman yanıtları:
FOIT görünmez metin parlamasıdır; FOUT ise sistem fontunun aniden özel fonta dönüşmesidir.
URL sonuna '&display=swap' eklenerek otomatik aktif edilir.