Google Fonts Bug – Not Working in Chrome

[ronin]

Hi,

Great theme! However, I’ve found an error with your Google Fonts functionality in Chrome. When a given Google font is installed on someone’s system, your theme doesn’t render that particular font on the website. (As in, all of that text that uses that font is missing from the menu, slider, page content entirely.)

I have uninstalled the font from my local system (Win7 x64) and it immediately brings the site text back. However, if I switch from Flexform to the standard 2013 theme with WP Google Fonts plugin, the font appears even when it is installed on my machine.I have completely nuked the site twice with a fresh WP install and the error still occurs, so it isn’t some sort of corruption.

In looking for a solution, I came across this:
http://blog.dbain.com/2012/12/google-web-fonts-not-showing-in-google.html
The site is being served via standard http, so it’s not the https issue, but someone in the comments says: “I was experiencing the same problem but for future reference, the problem was with google. When copy-pasting the example CSS from their site, the code uses backticks instead of single quotes. It was difficult to see. So instead of having ‘Font Name’, I copy-pasted Font Name http://i.imgur.com/eKCtUCA.png”. ”

So it may be something like that in your code that handles the Google Font css that needs to be tweaked?

cheers, Kurt.

[Melanie – SUPPORT]

I forwarded this to the developer of the theme.

[ronin]

Thanks Melanie.

[Swift Ideas – Ed]

Hi @ronin,

Can you try the attached version of the theme and let me know if that fixes your issue?

Thanks,

– Ed

[ronin]

Hi Ed,

No, it sort of makes it worse in a way – with this version it reverts to the standard font on Chrome, FF, IE, even though it’s set to the Google font. Tried a Google Font not on my system and same problem.

cheers, Kurt.

[ronin]

p.s. to that – The Google font is working in Rev slider, which it hadn’t been earlier IIRC, but all of the rest of the text that should be the Google font reverts to the plain default.

[Swift Ideas – Ed]

@ronin – can you provide a link to your site for me to check?

I reverted the suggested fix, thanks for letting us know that didn’t work.

– Ed

[ronin]

Hi Ed, no problem.

I can’t send you a link at the moment as I’ve temporarily nuked the site to rebuild it in a different way.

However, as it’s happening in the current version of Chrome (Version 29.0.1547.62 m), I imagine you’d be able to easily recreate the problem by setting a given Google font (in my case “Doppio One”), downloading and installing the font locally on your system (mine is Win7 x64) and watch it disappear from Flexform once it’s been installed.

cheers, Kurt