How to use google fonts for both http and https protocol

It’s quite easy to add google font but when you are using google fonts in e-commerce or site with https protocol you have to be alert while using it because google provide fonts for http protocol only.

Here are the steps how ou can use google fonts for http and https protocol.

  1. Go to https://www.google.com/fonts
  2. Search the font you want to use for your site.
    Google font for http and https protocol
  3. Click on “Add to Collection”.
    Google font for http and https protocol
  4. Click on “Use”.
    Google font for http and https protocol
  5. Select the font weights which you needed in your site.
    Google font for http and https protocol
  6. Copy the url provided by google for font.
    Google font for http and https protocol
  7. Paste the link between <head> tag and remove “http:” from the link now it will work fine in both http and https websites.