Birçok arama motoru, sayfaları mobil uyumluluklarına göre sıralar. 12 pikselden küçük yazı tipi boyutları genellikle mobil cihazlarda okunmakta zorlanır ve kullanıcıların metni rahat okunabilecek bir boyutta görüntülemek için yakınlaştırmasını gerektirebilir.
Lighthouse yazı tipi boyutu denetlemesinin başarısız olma nedeni
Lighthouse, mobil cihazlarda kolayca okunabilmesi için yazı tipi boyutları çok küçük olan sayfaları işaretler:
Lighthouse, metnin% 40'ı veya daha fazlasının yazı tipi boyutu 12 pikselden küçük olan sayfaları işaretler. Bir sayfa denetimi geçemediğinde Lighthouse, sonuçları dört sütunlu bir tabloda listeler:
| Kaynak | Okunaksız metne neden olan CSS kural kümesinin kaynak konumu. |
| Seçici | Kural kümesinin seçicisi. |
| Sayfa Metninin Yüzdesi | Sayfadaki metnin kurallar grubundan etkilenen yüzdesi. |
| Yazı tipi boyutu | Metnin hesaplanan boyutu. |
Okunaksız yazı tiplerini düzeltme
CSS'nizdeki yazı tipi boyutlarını kontrol edin. Sayfanızdaki metnin en az% 60'ında en az 12 piksel yazı tipi boyutu kullanmayı hedefleyin.
Eksik görünüm alanı yapılandırmasını düzeltme
Lighthouse Text is illegible because of a missing viewport config bildiriyorsa dokümanınızın <head> bölümüne <meta name="viewport" content="width=device-width, initial-scale=1"> etiketi ekleyin.
Daha fazla bilgi için width veya initial-scale değerleri olan bir <meta name="viewport"> etiketi yok başlıklı gönderiye bakın.
Kaynaklar
Dokümanda okunabilir yazı tipi boyutları kullanılmıyor denetimi için kaynak kodu