Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress

Jennifer Hinkle
Jennifer Hinkle
8,365 Points
Posted by Jennifer Hinkle
Jennifer Hinkle
8,365 Points

Google font only loading in some browsers

Hello!

I recently made a website for a client with WP as the CMS. After loading the website to a subdirectory, I sent the link around for critique. Out of 8 computers in the room, one computer didn't load the correct google fonts (loaded browser defaults), but the other 7 saw everything correctly (Raleway and Open Sans).

I e-mailed a friend, and when he loaded the website he too didn't see the correct fonts. I tried adding @import to my CSS, double checked the font-weight was specified correctly, and added !important to my font-family rule. But for some reason the fonts are still not loading correctly, but only on a few computers. The majority see the correct fonts.

Any ideas as to why this could be happening?? Any suggestions to try would be super appreciated!

Thanks!

Jenn

3 Answers

Jennifer Hinkle
Jennifer Hinkle
8,365 Points
Jennifer Hinkle
Jennifer Hinkle
8,365 Points

hello!

So I added <link href='http://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800,900,100,200,300' rel='stylesheet' type='text/css'> to my header.php file and it now seems to be working for everyone!

I have no idea why that is, or why it matters because I've never had this issue before. But if anyone has this problem- this fixed it for me!

Also, if anyone has any insight as to why this happened, I'd love to know more about it!

Thanks! Jenn

Andrew Molloy
Andrew Molloy
37,259 Points
Andrew Molloy
Andrew Molloy
37,259 Points

Any ideas on which browsers? Were different ones tried on those machines and definitely an issue with the specific computers? I.e. is it a computer is or a browser and browser version issue.

Jennifer Hinkle
Jennifer Hinkle
8,365 Points
Jennifer Hinkle
Jennifer Hinkle
8,365 Points

Both computers are macs running mavericks. One person used Safari, the other used Chrome, both up to date versions. So I don't think it's a user specific problem. With my client, I thought he might have some weird setting turned on or off (he's not the greatest with computers), but my friend (who also cannot see the correct fonts), is a developer and very familiar with his browser/ doesn't have any weird settings turned on or off.

I definitely think it's something I'm doing wrong, or not including properly, but I just can't think of what it might be.