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

CSS

Posted by Lucas Santos
Lucas Santos
19,315 Points

Gill Sans, sans-serif font not working in firefox?

So im trying to use this font:

p {
font-family: Gill Sans, sans-serif;
}

and it work great on safari and chrome but when I go and test it in firefox the font becomes extremely bold and bigger)

how can I get this font to work in firefox and if there isn't a way is there a good substitute?

Jacob Miller
Jacob Miller
12,466 Points

You should probably put quotes around Gill Sans. See if that does anything.

Lucas Santos
Lucas Santos
19,315 Points

Still the same with the quotes.

2 Answers

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

As Jacob Miller alluded to, all font families in CSS that have spaces in their names are required to be quoted.

Lucas Santos
Lucas Santos
19,315 Points

Still the same with the quotes.

Jacob Miller
Jacob Miller
12,466 Points
Jacob Miller
Jacob Miller
12,466 Points

I've had Firefox make the text bolder before. You should be able to fix it by setting a font-weight value. Set it to normal or 400. Then just make sure you have a font size set so you're not leaving that up to the browser.

Lucas Santos
Lucas Santos
19,315 Points

I do already have a font weight and size applied also set as !important to override any other rules and still nothing.