Magento Forum

   
Template using google fonts and SSL / HTTPS Mix Content Warning issue [Resolved]
 
xeont
Member
 
Total Posts:  36
Joined:  2011-01-29
 

hi Everyone,

I hope this will help someone facing the same problem.

ok here we go,

if your Template with use “Google Fonts” and getting “Mix Content” warning. from IE. Firefox, Chrome..etc

here is this the fix,

locate Your Template [head.phtml] File

find

<link href=’http://fonts.googleapis.com/css?family="YOUR FONTS”’ rel=’stylesheet’ type=’text/css’ />

change it to

<link href=’//fonts.googleapis.com/css?family="YOUR FONTS”’ rel=’stylesheet’ type=’text/css’ />

hmmm now why not

<link href=’fonts.googleapis.com/css?family="YOUR FONTS”’ rel=’stylesheet’ type=’text/css’ />

right?

here the problem,

Mobile devices with Android and Symbian doesn’t seem to grab the fonts from google, Iphones does however.

Regards,
Xeont

 
Magento Community Magento Community
Magento Community
Magento Community
 
comixhl
Jr. Member
 
Total Posts:  24
Joined:  2012-02-05
 

Thanks for your share, I am trying to use the google fonts on my site, it’s really helpful.

 
Magento Community Magento Community
Magento Community
Magento Community
 
olegnax
Member
 
Avatar
Total Posts:  51
Joined:  2012-03-22
Mukolaev, Ukraine
 

Hi

How to use google web fonts in your magento theme - i think this article will help you to understand how to use google webfonts with magento

 
Magento Community Magento Community
Magento Community
Magento Community
 
dailycloset
Jr. Member
 
Total Posts:  7
Joined:  2012-02-22
 

Your post really helped me out. Thank you.

xeont - 10 March 2012 05:18 AM

hi Everyone,

I hope this will help someone facing the same problem.

ok here we go,

if your Template with use “Google Fonts” and getting “Mix Content” warning. from IE. Firefox, Chrome..etc

here is this the fix,

locate Your Template [head.phtml] File

find

<link href=’http://fonts.googleapis.com/css?family="YOUR FONTS”’ rel=’stylesheet’ type=’text/css’ />

change it to

<link href=’//fonts.googleapis.com/css?family="YOUR FONTS”’ rel=’stylesheet’ type=’text/css’ />

hmmm now why not

<link href=’fonts.googleapis.com/css?family="YOUR FONTS”’ rel=’stylesheet’ type=’text/css’ />

right?

here the problem,

Mobile devices with Android and Symbian doesn’t seem to grab the fonts from google, Iphones does however.

Regards,
Xeont

 
Magento Community Magento Community
Magento Community
Magento Community
 
heifu
Newbie
 
Avatar
Total Posts:  0
Joined:  2012-06-01
Kiel
 

Many thanks for your post!
It is really helpful for me too.

 
Magento Community Magento Community
Magento Community
Magento Community
 
magestore
Mentor
 
Avatar
Total Posts:  1013
Joined:  2009-08-07
Viet Nam
 

You may follow this tutorial
http://tutorialmagento.com/use-google-web-fonts-magento-theme

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
    Back to top