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

General Discussion

Carl Prude
PLUS
Carl Prude
Courses Plus Student 1,627 Points
Posted by Carl Prude
Carl Prude
Courses Plus Student 1,627 Points

Google Chrome is the worst browser for handling Google Fonts? The irony smh.

So in the "Pick Fonts and Set Relative Units" video (link below) I cannot get Google Chrome to read or accept the "em" number value for font-size. It works fine in Firefox and pretty much every other browser, but Chrome seems to just ignore it. Maddening! Does anyone know how i can get Chrome to behave?

http://teamtreehouse.com/library/how-to-make-a-website/customizing-colors-and-fonts/pick-fonts-and-set-relative-units

2 Answers

Aaron Graham
Aaron Graham
18,033 Points
Aaron Graham
Aaron Graham
18,033 Points

I have never had a problem getting chrome to recognize font sizes in em's. Can you post your CSS?

Carl Prude
PLUS
Carl Prude
Courses Plus Student 1,627 Points
Carl Prude
Carl Prude
Courses Plus Student 1,627 Points

Sure, code below. I know it's correct because it does work in Firefox...just not in Chrome. I had some similar issues with Chrome where it wouldn't even change the font I was trying to pull but I eventually got that to work too. Maybe i just need to clear my cache? I'll try and see if that does anything...

h1 { font-family: 'Changa One', sans-serif; margin: 15px 0; font-size: 1.75em; font-weight: normal; line-height: 0.8em; }

Aaron Graham
Aaron Graham
18,033 Points
Aaron Graham
Aaron Graham
18,033 Points

I just tried your code in my browser (Chrome) and it works for me. Are you accessing this from a server or just from local files? I have had strange problems before with the server side of things, at least as far as I can tell. I think my server kept serving a cached copy of my stylesheet even though it had been updated. I never was able to track down the problem. It eventually, after a couple hours or so, took care of itself.