Font family


#1


https://www.codecademy.com/en/courses/make-a-website/lessons/closer-look-css/exercises/font-family?action=resume


Font doesn't change, but that's because I'm doing it wrong.


<!DOCTYPE html>
<html>
<head>
	<title>Sprout</title>
	<link rel="stylesheet" type="text/css" href="main.css"/>
  h1 {font-family: Palatino, 'Palatino Linotype', serif;
  }
</head>
<body>
	<h1>Mystwood Publishers Ltd.</h1>
	<div class="hero">
		<h2>Sprout.</h2>
		<p>A book by J. Daniel Bedford</p>
		<a href="#">Read now.</a>
	</div>
	<p>&copy; Mystwood Publishers Limited</p>
</body>
</html>


#2

Check out these lines:

<head>
  <title>Sprout</title>
 h1 {font-family: Palatino, 'Palatino Linotype', serif;
 }

The h1 part should not be there. Move it to CSS here:

h1 {
	font-size: 32px;
        /*This is where the h1 line of code should go in CSS*/
        color: rgb(218,190,206);
}

#3

Still doesn't work:

<!DOCTYPE html>
<html>
<head>
	<title>Sprout</title>
  h1 {font-family: Palatino, 'Palatino Linotype', serif;
 }
	<link rel="stylesheet" type="text/css" href="main.css"/>
</head>
<body>
	<h1>Mystwood Publishers Ltd.</h1>
	<div class="hero">
		<h2>Sprout.</h2>
		<p>A book by J. Daniel Bedford</p>
		<a href="#">Read now.</a>
	</div>
	<p>&copy; Mystwood Publishers Limited</p>
</body>
</html>

#4

What is your error message?


#5

Never mind, I found it. I just noticed that I was coding in index.html instead of main.css. Problem solved.


#6