Sorry if this is a lame question, as I'm a bit of a noob with this google font concept.
I have installed 6.x-1.4, and using "Reenie Beanie" font for site-name.
Amended CSS - and it works fine in Firefox - looks great.
However in IE 8 it is not being applied - It's ignoring the CSS completely (so I assume I have to find the IE fixes that are stuffing this up...)
But in Chrome or Opera it's not being displayed either.
Does anyone have confirmation that their site works in other browsers, and can tell me that it's just my problem? :)

Comments

mudsurfer’s picture

Title: Not rendering properly in IE or Chrome or Opera? » Only rendering properly on /admin/settings/google_fonts page?
Category: bug » support

Further information: I have been retesting and this is only working for me when I am on the actual google fonts administration page! (admin/settings/google_fonts). On this page it displays perfectly - on other pages it does not. The only font I have enabled is Reenie beanie.
The CSS I'm using is very straightforward:

#site-name {
font-family:"Reenie Beanie",cursive,sans-serif;
font-size:4em;
text-shadow:2px 2px 2px #CBFE99;
}

So in summary - it's working on the /admin/settings/google_fonts page, but no where else.
And this applies to ALL browers I'm testing: IE8, FF3.5.11, Chrome

I'll rename the title of this issue from "Not rendering properly in IE or Chrome or Opera" to "Only rendering properly on /admin/settings/google_fonts page?"
Sorry about that.

Any ideas what I'm doing wrong?

TJ’s picture

Hi,
I just wrote an issue and solution for this problem: http://drupal.org/node/878794

mudsurfer’s picture

Thanks TJ, I have made that change (http://drupal.org/node/878794 change line 55 to manually to if (!empty($font))) to 6.x-1.4 module file, and have been able to test successfully in IE, Opera, Chrome, Firefox, Safari.
Looks good to me now. Thanks.

BarisW’s picture

Status: Active » Closed (duplicate)
gooddesignusa’s picture

I'm running the latest recommended release and I am also having problems in IE8. Haven't checked ie7 or chrome.

gooddesignusa’s picture

Status: Closed (duplicate) » Needs work
BarisW’s picture

Status: Needs work » Postponed (maintainer needs more info)

This is fixed in 6.x-1.5. I've tried some selectors and they work perfectly fine in Firefox AND IE8.
Please make sure you are using the correct CSS selectors.

Some steps to check:
- Do you use the Google Fonts UI to add rules (instead of adding them in your theme CSS file)?
Then check if the module outputs a CSS files in sites/default/files/google_fonts/google_fonts.css (of whereever you filesystem path is set to).
- Is your CSS selector not overridden by another CSS selector, for instance one of Drupal core CSS or your theme CSS? Make sure it's specific enough.
- Did you clear your cache? If you are using CSS compression, your update may have not been active yet.
- Does it really work in another browser (and are you logged out on both?)

If you still can't figure out why it's not working, please mail me the URL so I can have a look.

BarisW’s picture

Status: Postponed (maintainer needs more info) » Closed (cannot reproduce)