Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS CSS Basics (2014) Understanding Values and Units Line Height

Posted by Daniel Price
Daniel Price
2,337 Points

Font stacking - difficulty with stacks in Firefox (running W8.1)

My Code:

body {
  color: #878787;
  margin: 0;
  font-size: 1em; /* 16px */
  font-family: Helvetica, Arial, sans-serif; /* still sans-serif for me */
}

I do not have the font-family Helvetica on my computer, but I do have Arial. Shouldn't the Arial font-family display? I tested other fonts that I know to work on my system (if I change to body { font-family: Georgia;}, it does work), but could only get the font to display if I remove the sans-sarif value. Any advice? Thanks in advance.

Daniel Price
Daniel Price
2,337 Points

btw, my comment is /* still sans-serif for me */ (the asterisk didn't display correctly above)

1 Answer

Craig Watson
PLUS
Craig Watson
Courses Plus Student 27,138 Points
Craig Watson
Craig Watson
Courses Plus Student 27,138 Points

Hi Daniel,

Please try this:

font: 15px arial, sans-serif;

Remove your current font size and font family and add the above and let me know if you get the arial font :) If not, we will get there!

Craig

Daniel Price
Daniel Price
2,337 Points

Hello Craig,

Code:

body { color: #878787; margin: 0; font: 15px arial, sans-serif; /* sans-serif font still in use */ }

The font is still defaulting to sans-serif. However, when I tested your code with Georgia:

body { color: #878787; margin: 0; font: 15px Georgia, sans-serif; /* Georgia font does work! */ }

The font does use Georgia, rather than defaulting to sans-serif (which is better than what I had before!). Any other ideas? Again, your help is greatly appreciated!

Daniel