title: Custom fonts not loading
body: <p>I'm trying to upload Gotham fonts to a website I'm building but it's not working. I've searched on here and via google and can't see what the problem is other than a syntax upload issue that I can't spot that hopefully another pair of eyes can. </p>
  
  <p>I've loaded custom fonts before on a rails app but never a pure front-end site so not sure if there's something glaring that I'm omitting. I've set up a fonts file -  Gotham_fonts - and have six files in there all with .otf extension. </p>
  
  <p><strong>style.css</strong></p>
  
  <pre><code>@font-face {
    font-family: 'Gotham-Book';
    src: url('Gotham_fonts/Gotham-Book.otf') format('otf');
  }
  
  body {
    font-family: 'Gotham-Book', arial, sans-serif;
  }
  </code></pre>
  
  <p>I've tried a few different variations and also tried it with <code>!important</code> but nothing. Should my fonts folder be actually inside my CSS folder? </p>