How can I make a browser trust my SSL certificate when I request resources from an external server?

Posted by William David Edwards on Pro Webmasters See other posts from Pro Webmasters or by William David Edwards
Published on 2014-08-19T20:17:22Z Indexed on 2014/08/19 22:34 UTC
Read the original article Hit count: 285

Filed under:
|

I have installed an SSL certificate on one of my domains and it works perfectly, but on some pages I include a Google Font, which causes my certificate icon to change in:

instead of:

The reason, according to Google Chrome (translated with Google Translate):

Your connection to xxxxxx is encrypted with 128-bit encryption. This page includes other resources which are not secure. These resources can be viewed by others while in transit and can be modified to fit.

So how can I make the browser 'trust' my SSL certificate, even though I request an external resource from Google Fonts?

And also, does it matter that I use links like these:

<link rel='stylesheet' id='et-shortcodes-css-css'  href='https://xxxxxx/wp-content/themes/Divi/epanel/shortcodes/css/shortcodes.css?ver=3.0' type='text/css' media='all' />

instead of

<link rel='stylesheet' id='et-shortcodes-css-css'  href='wp-content/themes/Divi/epanel/shortcodes/css/shortcodes.css?ver=3.0' type='text/css' media='all' />

Thanks!

© Pro Webmasters or respective owner

Related posts about ssl

Related posts about ssl-certificate