Blocked loading mixed active content Mozilla Browser

Question

I am working on HTML template and facing a new issue with Mozilla Browser. I am getting these warnings in my console Error::

Blocked loading mixed active content “http://site_url/assets/fonts/fontawesome-webfont.woff2?v=4.7.0”

Blocked loading mixed active content “http://site_url/assets/fonts/icofont.ttf?v=1.0.0-beta”

Check Screen shot::

I read about Mozilla new security changes, and try to not use mixed content. Now my template didn't have any https://.... url . I included a fonts like this:

<link href="//fonts.googleapis.com/css?family=Exo:300,400,500,500i,600,600i,700,900" rel="stylesheet"> 
<script src='//maps.googleapis.com/maps/api/js?key=GoogleAPIKey' type="text/javascript"></script>

How to resolve these errors.

Answer 1

Add this code in html head tag

 <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">