Sitecore Google fonts not working in Production

Question

Google fonts are not working

  <link href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700" 
        rel="stylesheet" type="text/css">

It's working fine on the local machine but in the production environment it's not working. I have published all the necessary files.

CSS :

body {
    font-family: 'PT Sans Narrow', 'Arial', sans-serif;
    font-size: 16px;
}

Answer 1

Try referencing the Google URL without the URI scheme, i.e.

<link href="//fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700" rel="stylesheet" type="text/css" />

If your target page is being loaded in HTTPS including the tag above will load the font over HTTPS as well. Specifying HTTP as you have may prevent the loading of the resource by the browser when the rest of the page is being loaded under HTTPS.