Font Squirrel not rendering on mobile browsers...

Support help forum dedicated to free and commerical templates for Joomla 3 and 2.5 version.
GK User
Sat Dec 15, 2012 12:43 am
Although Google Fonts work fine on mobile browsers Font Squirrel doesn´t.
I am using two fonts ( one can be seen in the text before the counter on frontpage ( www.frutasyverduras.info )
I have search on google and find some tips like check the id between the svg format and css but it seems ok.


Any idea ?

Thanks in advance.
User avatar
Fresh Boarder

GK User
Sat Dec 15, 2012 10:24 am
What kind of template you use ? Responsive on non-responsive ?
User avatar
Platinum Boarder

GK User
Sat Dec 15, 2012 12:21 pm
Responsive. I am using Fest template
User avatar
Fresh Boarder

GK User
Mon Dec 17, 2012 10:34 am
What device your are using to check the responsive view ? Probably it is your mobile browser issue.
User avatar
Platinum Boarder

GK User
Mon Dec 17, 2012 11:34 am
I have tried with a Samsung Galaxy II and a Samsung Galaxy Tab with the default browsers and chrome browser too.
Have you tested it? You can see the problem with "Fantasmas y Valientes" in the header of the frontpage ( with the counter animation ). It renders the Vivaldi Font ( rendered from a ttf ) with the Font Squirrel @font face generator correctly on desktop browsers but not in this mobile browsers.
User avatar
Fresh Boarder

GK User
Wed Dec 19, 2012 10:25 am
On my device it looks like here : http://d.pr/i/TDaz

and here: http://d.pr/i/2Esg

so it is definitely browser issue and surely not template related problem.
User avatar
Platinum Boarder

GK User
Sun Dec 30, 2012 4:20 pm
I don´t want to contradict you but Its something related to your framework with the font-squirrel @font-face generator.

I "force" it manually with this full sintax (in override.css):

Code: Select all
@font-face {
    font-family: 'AirConditioner';
    src: url('../fonts/airconditioner-webfont.eot');
    src: url('../fonts/airconditioner-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/airconditioner-webfont.woff') format('woff'),
         url('../fonts/airconditioner-webfont.ttf') format('truetype'),
         url('../fonts/airconditioner-webfont.svg#airconditioner') format('svg');
   }


and in the class or id the:

Code: Select all
font-family: 'AirConditioner';


And it works fine on all mobile browsers ( chorme, safari, firefox, dolphin ) in ios or Android.

I have fixed it from several days but no time to post it until now for other users help.

Anyway, thanks for your time and support. I am very happy with you.

Thomas C.
User avatar
Fresh Boarder

GK User
Sun Dec 30, 2012 10:02 pm
Maybe this was cache or temporary memory issue on your browsers ? I'm only asking because I've checked your site on my device and don't see problem with fonts (which you can check on screenshots from in my previous response).
User avatar
Platinum Boarder


cron