6. Jumbotron Fonts Error Message


I keep receiving an error message stating that I need to "Set the font-family of the h1 element inside < div class="jumbotron">.. to 'Shift', sans-serif." As far as I can tell, I have correctly set the font-family.
Screenshots of my < head > ... < /head > HTML and relevant CSS are below. Please let me know if you need any further information to help out, any assistance is much appreciated this is driving me to the brink of sanity!




Usually I like to be able to copy/paste code for this exercise so that I can test it. It is easy to miss spotting the problem when looking at a screenshot.

I would like to be able to test that shift.css link and I would also like to see all of your CSS code.

If you need it: How to post code in this forum.


Sure thing! Here's the shift.css link and all of the CSS code below it. Let me know if you need anything else. Thank you!

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

.nav a {
  color: #5a5a5a;    
  font size: 11px;
  font-weight: bold;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 10px;
  padding-right: 10px;
  text-transform: uppercase;

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

.jumbotron h1 {
  color: #fff;
  font-size: 48px;
  font-weight: bold;
.jumbotron p {
    color: #fff;
    font-size: 20px;


The problem is in that line -- can you spot it now?


Oh man, such a simple solution! Thanks for pointing it out!


inside the head element how do i add the link element for the custom font


The link element for the custom font is given to you in step 1 of the exercise instructions:

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

The head element is in your index.html file, near the top. It should already have one other link element in it already, the link to your main.css file.