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 Framework Basics Build a Website with Bootstrap Building the Hero Component

Joshua Bivens
Joshua Bivens
8,586 Points
Posted by Joshua Bivens
Joshua Bivens
8,586 Points

Even though we indicated "font-weight: 200;" mine is still displaying at what looks like 400.

Could this be chrome?

Sean Kennedy
Sean Kennedy
21,150 Points

Could i see the code ?

Joshua Bivens
Joshua Bivens
8,586 Points
Joshua Bivens
Joshua Bivens
8,586 Points

Here's the relevant css:

 .navbar-text {
font-weight: bold;
margin-right: 0;
 }
 h1 {
font-weight: 200;
margin-bottom: 30px;
 }
 .lead {
color: #d5c1f2;
margin-bottom: 75px;
 }
 .lead:nth-of-type(2) {
font-size: initial;
margin-bottom: 20px;
 }

Everything else works perfectly.

1 Answer

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

Hi Joshua,

Are the fonts you loaded linked to google fonts, or some other font hosting site?
Or did you download the font set and host them on your own server?

How do they look in Safari or Firefox?

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

If you're just giving a font weight but you don't actually have the font linked or hosted then the browser will just do what it can and if it does not have a font weight of 200 then you'll get the next best thing which could be 400.

Hope this helps.