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