title: Failed to decode downloaded font
body: <p>This is an error I am getting in Chrome and unfortunately searching for it hasn't given me much results. The font itself is appearing correctly. However I still get this error/warning. More specifically, this is the full warning:</p>
  
  <blockquote>
    <p>"Failed to decode downloaded font:
    <a href="http://localhost:8000/app/fonts/Lato/">http://localhost:8000/app/fonts/Lato/</a>"</p>
  </blockquote>
  
  <p>My CSS are these:</p>
  
  <pre><code>@font-face {
      font-family:"Lato";
      src: url("../fonts/Lato/");
  }
  
  html, body {
      font-family:'Lato';
  }
  </code></pre>
  
  <p>I just do not understand. The font is applied correctly, but the warning is always there. Trying to use <code>Sans-Serif</code> makes the font revert to the normal browser font, so that may be it, but I am not sure, and even after searching I have found nothing. Thanks!</p>
  
  <p>EDIT</p>
  
  <p>There are various font files, all from the same family. I am trying to load them all. The font files are <code>.ttf</code>. I am loading them from a local folder, and there are various font-files, like <code>Lato-Black.ttf</code>, <code>Lato-Bold.ttf</code>, <code>Lato-Italic.ttf</code> etc.</p>