Jumbotron fonts "HELP"


#1

it tells me inside the head element add the link element for the custom font.

this is index.html











<div class="jumbotron">
  <div class="container">
    <h1>Find a place to stay.</h1>
    <p>Rent from people in over 34,000 cities and 192 countries.</p>
  </div>
</div> 

<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>




             this is CSS

.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;
}
.jumbotron {
height: 500px;
background-image: url('https://goo.gl/04j7Nn')
}
.jumbotron h1 {
color: #fff
font-size: 48px;
font-weight: bold;
}
.jumbotron p {
color: #fff;
font-size: 20px;


#2

if it is saying that then...

First
--enclose your existing code in <body> tags
--make a <head> area

<head>
</head>

<body>
  your existing code...
</body>

--place your font link inside the head
--you can find these custom font links on https://www.google.com/fonts

They look like..

<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

So put that in your head

<head>
  <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
</head>

<body>
</body>

Now in your css you can refer and use this linked font from google.

Like so..

h1{
  font-family: "Your Font Name", serif;
}

depending on the type of your font you will either use at the end cursive, sans-serif, serif

Hope that helps :sunny:


#3

ok i'll try that thank you!.


#4
		<p><a href="#">Learn about trust at Airbnb</a></p>
	  </div>
    </div>
  </div>
</div>







#5

Its still saying, inside the head element add the link element for the custom font.


#6

There are several things that you must have in place to finish that exercise.

Have a look at this list: