6. Jumbotron: Fonts HELP


#1

I am having trouble with setting the font-family in the h1. I have gone over and over it.

Please help, i can not get past it!

.jumbotron h1 {
color: #fff;
font-size: 48px;
font-weight: bold;
font-family: 'Shift', sans-serif;
}


#2

Im preety sure i know the problem. Please paste your Html Code here @haely92. Thankyou!


#3

Here is my html @amanuel2







.nav a {
color: #5a5a5a;
font-size: 11px;
font-weight: bold;
padding-bottom: 14px;
padding-left: 10px;
padding-right: 10px;
padding-top: 14px;
text-transform: uppercase;
}
    <ul>
      <li><a href="#">Airbnb logo</a></li>
      <li><a href="#">Browse</a></li>
    </ul>
    <ul>
      <li><a href="#">Sign Up</a></li>
      <li><a href="#">Log In</a></li>
      <li><a href="#">Help</a></li>
    </ul>
  </div>
</div>

<div class="jumbotron">
.jumbotron {

background-image: url('https://goo.gl/04j7Nn');
height: 500px

}


Find a place to stay.


Rent from people in over 34,000 cities and 192 countries.



<div class="learn-more">
  <div>
	<div>
  	  <div>
		<h3>Travel</h3>
		<p>From apartments and rooms to treehouses and boats: stay in unique spaces in 192 countries.</p>
		<p><a href="#">See how to travel on Airbnb</a></p>
	  </div>
	  <div>
		<h3>Host</h3>
		<p>Renting out your unused space could pay your bills or fund your next vacation.</p>
		<p><a href="#">Learn more about hosting</a></p>
	  </div>
	  <div>
		<h3>Trust and Safety</h3>
		<p>From Verified ID to our worldwide customer support team, we've got your back.</p>
		<p><a href="#">Learn about trust at Airbnb</a></p>
	  </div>
    </div>
  </div>
</div>



#5

Did you add your tag? That allows you to use the fonts. The codecademy tag.


#6

I ended up figuring it out, thank you!

I had deleted the tag and replaced it with the link they provide instead of just adding the link. Here is the correct format for the html head if someone else is stuck.

<link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">
<link href="main.css" rel="stylesheet">

Even if it keeps sending the message about changing the font to 'shift' on the main.css and you have changed it to this code below:

.jumbotron h1 {
color: #fff;
font-size: 48px;
font-weight: bold;
font-family: 'Shift', sans-serif;
}
Then fixing the head in the index.html is most likely your issue. Codecademy needs to fix this issue, I think a lot of people have gotten stuck on this part as I did.