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 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
Craig Watson
27,930 Points
Craig Watson
Craig Watson
27,930 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