[How To] Google web fonts HTTPS (SSL) support

Google Web Fonts are widely used in the websites because of the large number of fonts availability. Most of the websites are using SSL to encrypt the connections (HTTPS) and some simple connections (HTTP). Google Fonts over  SSL (HTTPS) may not be served and in this case the website may look odd to the visitors in terms of the fonts.

There is a simple solution to this problem which includes changes in the URL of the Google font.

Instead of using HTTP or HTTP URLS in CSS like

1
http://fonts.googleapis.com/css?family=Tahoma

or

1
https://fonts.googleapis.com/css?family=Tahoma

Simply use

1
//fonts.googleapis.com/css?family=Tahoma

which should resolve the problem. 😉

Share on Facebook2
Share on Google+8Tweet about this on TwitterShare on StumbleUpon0Share on LinkedIn2Share on Tumblr0Digg thisPin on Pinterest0Share on Reddit0Email this to someonePrint this page
Google Web Fonts are widely used in the websites because of the large number of fonts availability. Most of the websites are using SSL to encrypt the connections (HTTPS) and some simple connections (HTTP). Google Fonts over  SSL (HTTPS) may not be served and in this case the website may look odd to the visitors in terms of the fonts. There is a simple solution to this problem which includes changes in the URL of the Google font. Instead of using HTTP or HTTP URLS in CSS like http://fonts.googleapis.com/css?family=Tahoma or https://fonts.googleapis.com/css?family=Tahoma Simply use //fonts.googleapis.com/css?family=Tahoma which should resolve the problem. 😉

Review Overview

User Rating: Be the first one !

About Abhijit Sandhan

Abhijit Sandhan
Loves Linux, Blogging, Traveling, Hiking and sharing knowledge!

Leave a Reply

Your email address will not be published. Required fields are marked *

CAPTCHA