Cant figure out whats wrong with font family


#1

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

#2

@dataninja97033
I think it's because your font-family doesn't exist. If you want to add a font to your website, you must download one and install the font in the part css like this

@font-face {
font-family: "My Custom Font";
src: url(http://www.example.org/mycustomfont.ttf) format("truetype");
}
p.customfont {
font-family: "My Custom Font", Verdana, Tahoma;
}


#3

Hopefully, @dataninja97033 has this in the <head> ... </head> of their index.html file, but you never know until you ask.

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