📱 मोबाइल, वेब व सामान्य तकनीक ⏱️ 3 मिनट पठन समाधान गाइड #8

मोबाइल या ब्राउज़र में हिंदी अक्षरों की जगह चौकोर डिब्बे (Tofu / □) दिखने पर क्या करें?

Why Hindi text shows square boxes / Tofu characters and how to fix font fallback?
सार संक्षेप (Quick Summary):

वेबसाइट, व्हाट्सएप या कंप्यूटर पर हिंदी शब्दों की जगह खाली चौकोर डिब्बे (□ / Tofu) या प्रश्नवाचक चिह्न (?) आने के कारण और फॉलबैक फ़ॉन्ट ठीक करने की विधि।

💡 मूल कारण व परिचय (Overview & Context)

डिजिटल टाइपोग्राफी में जब किसी ऑपरेटिंग सिस्टम या ब्राउज़र को कोई यूनिकोड कैरेक्टर मिलता है लेकिन वर्तमान फ़ॉन्ट में उस कैरेक्टर का आकार (Glyph) मौजूद नहीं होता, तो सिस्टम एक खाली चौकोर डिब्बा (□) दिखा देता है। इसे तकनीकी भाषा में <strong>"टोफू" (Tofu / Missing Glyph)</strong> कहा जाता है। इसका अर्थ है कि सिस्टम के पास देवनागरी का उचित फॉलबैक फ़ॉन्ट नहीं है या वेब पेज में UTF-8 एन्कोडिंग डिक्लेयर नहीं की गई है।

🛠️ चरणबद्ध समाधान प्रक्रिया (Step-by-Step Practical Guide)

1

ब्राउज़र कैश और एन्कोडिंग जांचें

  • ▪
    यदि किसी विशेष वेबसाइट पर चौकोर डिब्बे दिख रहे हैं, तो पेज को पूरी तरह रीफ्रेश करें (Ctrl + F5)।
  • ▪
    वेब डेवलपर के लिए: अपने HTML के <head> टैग में सबसे पहली लाइन पर <meta charset="UTF-8"> अवश्य लिखें।
2

विंडोज़ में देवनागरी सप्लीमेंटल फ़ॉन्ट पैकेज सक्रिय करें

  • ▪
    विंडोज़ 10/11 में Settings → Apps → Optional features पर जाएँ।
  • ▪
    View features पर क्लिक करें और Devanagari Supplemental Fonts खोजें।
  • ▪
    यदि यह स्थापित नहीं है, तो टिक लगाकर Install करें। यह विंडोज़ में अपराजिता, कोकिला, उत्सव जैसे सभी आवश्यक सिस्टम फ़ॉन्ट रीस्टोर कर देता है।
3

वेबसाइट CSS में Google Noto Sans Devanagari फॉलबैक जोड़ें

  • ▪
    अपनी CSS में हमेशा फॉलबैक स्टैक इस प्रकार रखें:
  • ▪
    font-family: 'Hind', 'Noto Sans Devanagari', 'Mangal', system-ui, sans-serif;
  • ▪
    गूगल का "Noto" फ़ॉन्ट परिवार "No Tofu" (कभी चौकोर डिब्बा न बनने देने) के सिद्धांत पर ही विकसित किया गया है।

🔍 जाँच कैसे करें कि टोफू (Tofu) की समस्या समाप्त हो गई है

परीक्षण हेतु शब्द (Test Sample): नमस्ते दुनिया! (Namaste World in Hindi)
✅
सही स्थिति (Correct):
सभी अक्षर, बिंदु, अनुस्वार और चंद्रबिंदु स्पष्ट रूप से दिखाई देते हैं, कोई खाली बॉक्स या ? नहीं दिखता।
❌
यदि अभी भी समस्या हो (Troubleshooting):
यदि अभी भी डिब्बे दिखें, तो विंडोज़ के Optional Features में जाकर Devanagari Supplemental Fonts पैकेज पुनः इंस्टॉल करें।
सभी 12 समाधान देखें ▤