6/10 custom font issues


#1

Don't know what I'm doing wrong!
.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');

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

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

Index.html




#2

To use a custom font, you need to import it. You can do this in CSS like this:

@font-face {
font-family: custom ; /*Your custom font name*/
src: url("http://www.mycustomfo.nt/css"); /*Custom font source*/
}

You can then use the font as many times as you want in your CSS document by using the name you gave it, in this case 'custom':

#customtext {
font-family: 'custom';
font-size: -px;
}

Hope that helped!

~JibblyJ