कई सर्च इंजन, पेजों को इस आधार पर रैंक करते हैं कि वे मोबाइल-फ़्रेंडली हैं. मोबाइल डिवाइस पर 12 पिक्सल से छोटे साइज़ के फ़ॉन्ट को पढ़ना मुश्किल होता है. उपयोगकर्ताओं को ज़ूम इन करके टेक्स्ट दिखाने के लिए ज़ूम इन करना पड़ सकता है.
लाइटहाउस के फ़ॉन्ट साइज़ का ऑडिट कैसे काम नहीं करेगा
Lighthouse फ़ॉन्ट साइज़ वाले ऐसे पेजों को फ़्लैग करता है जो मोबाइल पर आसानी से पढ़ने के लिहाज़ से बहुत छोटे होते हैं:
लाइटहाउस ऐसे पेजों को फ़्लैग करता है जिन पर 40% या उससे ज़्यादा टेक्स्ट का फ़ॉन्ट साइज़ 12 पिक्सल से कम होता है. जब कोई पेज ऑडिट में फ़ेल हो जाता है, तो लाइटहाउस नतीजों को चार कॉलम वाली टेबल में दिखाता है:
| सोर्स | सीएसएस नियमसेट का सोर्स लोकेशन, जिसकी वजह से ऐसा टेक्स्ट मिल रहा है जिसे पढ़ा नहीं जा सकता. |
| चुनने वाला टूल | रूलसेट का सिलेक्टर. |
| पेज के टेक्स्ट का% | पेज पर मौजूद उस टेक्स्ट का प्रतिशत जिस पर रूलसेट का असर पड़ा है. |
| फ़ॉन्ट का साइज़ | टेक्स्ट का कंप्यूट किया गया साइज़. |
ऐसे फ़ॉन्ट कैसे ठीक करें जिन्हें पढ़ा नहीं जा सकता
अपनी सीएसएस में फ़ॉन्ट साइज़ की जांच करें. अपने पेज के कम से कम 60% टेक्स्ट पर फ़ॉन्ट का साइज़ कम से कम 12 पिक्सल रखें.
व्यूपोर्ट कॉन्फ़िगरेशन मौजूद न होने की समस्या को ठीक करने का तरीका
अगर Lighthouse Text is illegible because of a missing viewport config की रिपोर्ट करता है,
तो अपने दस्तावेज़ के <head> में
<meta name="viewport" content="width=device-width, initial-scale=1"> टैग जोड़ें.
ज़्यादा जानकारी के लिए, width या initial-scale के साथ <meta name="viewport"> टैग नहीं है पोस्ट देखें.
संसाधन
दस्तावेज़ में पढ़ने लायक फ़ॉन्ट साइज़ का इस्तेमाल नहीं किया गया है ऑडिट के लिए सोर्स कोड