CSS Styling: Jumbotron: Fonts 6/10. Unable to progress


#1

Hi there,

I've been trying to move ahead on this one but an error "Oops, try again. Inside the head element add the link element for the custom font" keeps popping up. Could any one tell me where I am going wrong?

Under index.html:

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

Under main.css:

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

Thank you in advance for your help :slightly_smiling:


#3

Assuming all the other HTML is in place, the link element looks to be correct. Try to refresh the page and submit again.


#4

I refreshed it and it still didn't work. Does it have something to do with my browser?


#5

I can't say with any confidence what the issue may be. Check the troubleshooting thread (in the this category) that @albionsrefuge has been overseeing. It may detail the issue and solution.


#6

I copy pasted the link href from the instructions and it seemed to work. Maybe there was a typo somewhere in there.

Thanks for your help anyway :slightly_smiling:


#7

could it be that there is no hyphen "-" between font and family in main.css ?


#8

Sometimes we have to point out the obvious. I often don't in the hopes it will eventually jump out at the learner.