Google वेब फोंट और एसएसएल त्रुटि

Question

मेरी साइट Google वेबफोंट के साथ अच्छी तरह से काम कर रही है जब तक उपयोगकर्ता साइट के SSL भाग को हिट नहीं करता है।

उस बिंदु पर, क्रोम आंशिक एन्कोडिंग त्रुटि फेंकता है, और मेरा cufon मेनू इसे कर्नाई को नुकसान पहुंचाता है।

मैं इस सीएसएस के साथ अपने webfont शामिल कर रहा हूँ:

@font-face { 
src: local('Lusitana'), url(https://themes.googleusercontent.com/static/fonts/lusitana 
/v1/tAIvAkRzqMJf8Y4fM1R7PXYhjbSpvc47ee6xR_80Hnw.woff) format('woff'); 
} 

मेरे js सांत्वना तो मुझे इस त्रुटि देता है:

[blocked] The page at https://domain.com/ecommerce.php ran insecure content from http://fonts.googleapis.com/css?family=Lusitana:regular,700&subset=latin .

कोई भी विचार कैसे मैं गूगल फोंट एसएसएल मजबूर करने के लिए मिल सकता है?

Answer 1

क्या आपने यूआरएल में // के साथ https:// को बदलने का प्रयास किया है? अनुरोध स्वचालित प्रोटोकॉल स्वचालित रूप से उपयोग करना चाहिए।

Answer 2

Google फोंट को लोड करने के लिए जो गैर-सुरक्षित, और एसएसएल मोड में काम करेंगे, (अपने सीएसएस के अंदर https: // को कॉल करने के लिए जो कुछ मिला है उसे हटाएं):

<script type="text/javascript"> 
    WebFontConfig = { google: { families: [ 'Droid+Serif::latin' ] } }; 
    (function() { 
    var wf = document.createElement('script'); 
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + 
    '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; 
    wf.type = 'text/javascript'; 
    wf.async = 'true'; 
    var s = document.getElementsByTagName('script')[0]; 
    s.parentNode.insertBefore(wf, s); 
})(); 
</script> 

मेरे उदाहरण में, मैं Droid Serif फ़ॉन्ट का उपयोग कर रहा हूं, इसलिए इसे अपने साथ स्वैप करें।

You can read more on this here.

Answer 3

अपने HTML पृष्ठ (या टेम्पलेट) पर इस लाइन का पता लगाने:

<link href='http://fonts.googleapis.com/css?family=Dosis:400,700' rel='stylesheet' type='text/css'> 

और इस के लिए इसे बदल:

<link href='//fonts.googleapis.com/css?family=Dosis:400,700' rel='stylesheet' type='text/css'> 

यह सरल परिवर्तन आपके ब्राउज़र फोन कर देगा लागू मोड में Google फ़ॉन्ट पेज (HTTP बनाम HTTPS)।

आनंद लें!