title: CSS - Font won't import from local ttf file?
body: <p>Ok, I think this may have to do with the font-family name I am giving my font imports, but for some reason only Proxima nova light will load. The others don't register when I use them in my css.</p>
  
  <pre><code>@font-face {
      font-family: "ProximaNova";
      src: url(fonts/proximanova-regular-webfont.ttf");
  
  }
  @font-face {
      font-family: "ProximaNova-Light";
      src: url(fonts/proximanova-light-webfont.ttf");
  
  }
  @font-face {
      font-family: "ProximaNova-Bold";
      src: url(fonts/proximanova-bold-webfont.ttf");
  
  }
  @font-face {
      font-family: "Gotham";
      src: url(fonts/GothamBook.ttf");
  
  }
  </code></pre>
  
  <p>For all, I have my fonts in a folder called fonts in my css folder where the css script lives. If I try to use <code>font-family: 'proximanova'</code>however  it does not work - </p>
  
  <p>I am referencing the right file name:
  <a href="https://i.stack.imgur.com/4FL5E.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4FL5E.png" alt="enter image description here"></a></p>
  
  <p>And I made up the font-family names (just to something that made sense), however I don't think this should matter as my light proxima nova is loading. 
  Why won't my fonts work?</p>