title: Adding Custom Font to Shopify Issue
body: <p>For some reason the custom font that I am trying to implement on my Shopify site is not working at all. I uploaded the font as an asset and used the code in our theme.scss file:</p>
  <pre><code>         @font-face {
             font-family:'Neue-Haas-Grotesk', sans-serif;
             src: url(Linotype-NHaasGroteskDSStd-65Md.ttf);
             font-weight: 900;
             font-style: normal;}
  </code></pre>
  <p>I then added codes such as the one below to have it be displayed on certain parts of the site:</p>
  <pre><code>   .site-nav { font-family: &quot;Neue-Haas-Grotesk&quot; !important; }
  </code></pre>
  <p>I tried this exact template of code with an Arial Black ttf file that I uploaded as an asset but for some reason this font is not working what so ever. Any suggestions on how to make this work properly on Shopify now and in the future for any site?</p>