user3051697 user3051697 - 5 months ago 9
HTML Question

Custom CSS Font is not working

For some reason my font is not loading. The folders look like this:

HTML (includes CSS and HTML file) > fonts > AGENTORANGE.tff



@font-face {
font-family: 'AGENTORANGE';
src: url('fonts/AGENTORANGE.tff');
}

nav ul h1 {
font-family: 'AGENTORANGE';
overflow: hidden;
padding:20% 10%;
font-size: 40px;
background:lightgray;
display: inline;
}


I'm using Chrome too

Answer

Looks like a typo, as mentioned in the OP comments

@font-face {
  font-family: 'AGENTORANGE';
  src: url('fonts/AGENTORANGE.ttf'); /* Notice ttf not tff */
}