Elementor की Mixed Content Font Error क्या है?
अगर आपकी भी WordPress ब्लॉग या वेबसाइट में Mixed Content , Google Fonts को लेकर Elementor की ये Error आ रही है? जैसे मैंने ये नीचे डाला हुआ है
Mixed Content: The page at ‘https://webtechfix.com/’ was loaded over HTTPS, but requested an insecure stylesheet ‘http://webtechfix.com/wp-content/uploads/elementor/google-fonts/css/roboto.css?ver=1745482816’. This request has been blocked; the content must be served over HTTPS.
अगर ऐसा हो रहा है तो इसका मतलब है Elementor कुछ fonts को HTTP से लोड कर रहा है जबकि आपकी वेबसाइट HTTPS पर भी है और Secure भी है ।
Elementor जो कुछ fonts को HTTP से लोड कर रहा उसको ब्राउज़र द्वारा ब्लॉक कर दिया जाता है और यह आपकी वेबसाइट की सुरक्षा और SEO पर बुरा असर डाल सकता है।
आखिर Mixed Content Error आती क्यों है?
- Fonts को Elementor locally load करता है
- कुछ पुराने CSS files HTTP से बने होते हैं
- HTTP से लोड होने वाले fonts को Browser insecure content को block कर देता है
(100% Working Steps):- Elementor की Mixed Content Font Error कैसे Fix करें
Step 1: Load Google Fonts Option को Locally Enable करें
- WordPress → Elementor → Settings → Features
- Load Google Fonts Locally को Active करके सेव करें
Step 2: HTTPS Force Code Add करें functions.php file में
Functions.php file Open कैसे करें?
- WordPress Admin Dashboard में login करें
- Go to Appearance → Theme File Editor (या “Theme Editor”)
- Right side में file list मिलेगी, उसमे से functions.php (Theme Functions) पे क्लिक करें
- अब इसमें नीचे जाके ये code paste करें
add_filter('elementor/frontend/css-file/replace_with_https', '__return_true');
Step 3: Cache Clear करें Elementor का
Elementor → Tools → Elementor Cache → Clear Cache
Step 4: जो पुरानी Font Files हैं उनको Delete करें
Go to: /wp-content/uploads/elementor/google-fonts/css/
ये सभी Files Delete करें:
- roboto.css
- robotoslab.css
- golostext.css
- poppins.css
Step 5: Fonts दोबारा Apply करें
- Elementor editor खोलें
- Text widget में कोई भी दूसरा font लगाएं → Save करें
- फिर वापस Google font (जैसे Roboto, Golos Text) लगाएं → Save करें
अगर ऊपर वाला काम न करे 🙁Alternate Plugin Solution)
Use Plugin: OMGF | Host Google Fonts Locally
ये plugin automatically सभी Google Fonts को locally serve करता है और Mixed Content issue खत्म कर देता है।
निष्कर्ष
ब्लॉग या वेबसाइट में Elementor की Mixed Content Error और WordPress Bloggers के लिए common problem है। लेकिन ऊपर दिए गए steps से आप इसे पूरी तरह ठीक कर सकते हैं। आपकी site की security और SEO दोनों के लिए HTTPS fonts जरूरी हैं।
कमेंट करके बताइए कि क्या आपके साथ में ऐसा कभी हुआ है ??
आशा करता हूँ आपको ब्लॉग जरूर पसंद आया होगा अगर पसंद आया है तो WebTechFix ब्लॉग और यूट्यूब चैनल सब्सक्राइब करके जाइएगा, Thank You.