cursive Google Fonts not working

Hello,

Any google font that has "cursive" in the CSS text are not loading.

For example:
http://fonts.googleapis.com/css?family=Share
http://fonts.googleapis.com/css?family=Fira+Mono

Share does not work, but Fira Mono works fine. Looking at both these fonts the difference I have noticed in Google Fonts instructions is the word 'cursive' in the CSS text

font-family: 'Share', cursive;
font-family: 'Fira Mono', ;

I have tested this with 4 other fonts and the behavior is the same.

You can see my site with the issue here, look at the H1 tag: http://escapehair.com/services

Any ideas on what the issue maybe?
Thanks,
tim

Hi

Not every font has a cursive version. Try adding this to css to trigger cursive fonts:

Code: Select all

font-style: italic;


Hey Teitbite,

Thanks for your reply and sorry for my delayed reply back (been without internet for a few days)

Unfortunialy this does not fix the issue, also I have noticed the same issue with the font "Share Tech", this font does not have cursive in the CSS so this is not the issue.

Again, you can see the issue on my site with the H1 tag, the font is ignored.

Would you be able to replicate this yourself to see if this an issue with my system or the template?

Many thanks,
tim

Hi

I've checked with firebug and added this code to css:

Code: Select all

h1, h2, h3, h4, .gkmenu {
    font-family: 'Share Tech',Arial,sans-serif;
    font-style: italic;
}


Hey Teitbite,

I'm currently traveling and using a Linux environment on my tablet,I think it's the browser here having the issue and not the template.
I will perform some more tests and report back once I have a more stable internet.
Thanks again for your help

Hi

No problem. I'll be waiting.

Yep, it appears to be my envioment. FF running in this Linux VM on the tablet is having the issue, but FF running natively on the tablet is fine.

Thanks for your help sanity checking this with me - case closed!