I do not understand how to get a font to change in the index.html


#1

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


#2

that is my code. above


#3

That looks perfect.

Let's have a look at the <head> ... </head> element in your index.html file. Make sure that your shift.css link works.


#4

This is my <head>...</head>

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

#5

sorry look at the pencil


#6

That looks good too.

Please show me all of your CSS code.

Your head didn't show because looking at HTML code with a browser will not work the same as looking at text.

How to format code in this forum.


#7

.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{ background-image: url('https://goo.gl/04j7Nn');
      height: 500px;}

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

        .jumbotron p{
        color:#fff;
        font-size: 20px}

#8

That line has a problem -- can you spot it?


#9

thank you!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!