क्रोम पर HTTPS पृष्ठों पर Google वेब फ़ॉन्ट्स

Question

मैं एक असाधारण परियोजना पर काम कर रहा हूं। साइट के हिस्सों डिफ़ॉल्ट रूप से HTTP हैं। अन्य, जैसे चेकआउट पृष्ठ, डिफ़ॉल्ट रूप से HTTPS हैं। HTTPS पृष्ठों पर मैं क्रोम पर कंसोल पर इस संदेश को हो रही है:

[blocked] The page at https://store-ws3q9h.mybigcommerce.com/checkout.php?tk=c99fa39e007db6376dcddaac68695c22 ran insecure content from http://fonts.googleapis.com/css?family=PT+Sans. 
[blocked] The page at https://store-ws3q9h.mybigcommerce.com/checkout.php?tk=c99fa39e007db6376dcddaac68695c22 ran insecure content from http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,700. 
[blocked] The page at https://store-ws3q9h.mybigcommerce.com/checkout.php?tk=c99fa39e007db6376dcddaac68695c22 ran insecure content from http://fonts.googleapis.com/css?family=Patua+One. 

फोंट इस तरह से दस्तावेज़ के शीर्ष पर जुड़े हुए हैं:

<link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'> 
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,700' rel='stylesheet' type='text/css'> 
<link href='http://fonts.googleapis.com/css?family=Patua+One' rel='stylesheet' type='text/css'> 

यह अन्य ब्राउज़र मेरे पास है पर ठीक लग रहा है अब तक परीक्षण किया।

Answer 1

एक स्कीमा नास्तिक यूआरएल बनाएं

बदलें http://fonts.google...//fonts.google... ड्रॉप http: या https: सामने से करने के लिए

, ब्राउज़र जो भी स्कीमा आप वर्तमान में साइट पर प्रयोग कर रहे हैं का उपयोग करेगा।

नहीं अन्य इसका उल्टा

आप http से https का उपयोग कर संसाधनों का अनुरोध कर सकते हैं, लेकिन। उपर्युक्त समाधान (और शायद सबसे अच्छा अभ्यास) का एक विकल्प हमेशा https का उपयोग करना है, यदि यह उपलब्ध है (यदि यह इस शैली का लिंक का उपयोग कर रहा है, तो अन्यथा इसमें कोई बिंदु नहीं है)।

Answer 2

अपने URL से प्रोटोकॉल निकालें और ब्राउज़र यह निर्धारित करते हैं: अपने पृष्ठ HTTPS है

<link href="//fonts.googleapis.com/css?family=PT+Sans" ... 

हैं, फॉन्ट HTTPS URL से लोड किया जाएगा। यदि पृष्ठ HTTP है, तो इसे HTTP यूआरएल से लोड किया जाएगा।