title: Can't load custom font on website
body: <p>I'm using @font-face to try and load a custom font on my website, at least on google chrome.</p>
  
  <p>Still, I'm having a hard time doing so... can anyone help?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>&lt;style type="text/css"&gt;
  @font-face {
    font-family: Folks;
    url(http://www.vtxfactory.com/Folks-Normal.ttf) format('truetype'),
  }
  body {
    background-color: #000000;
    text-align: center;
    color: #FFF;
    font-family: Folks;
  }
  &lt;/style&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The font name is "Folks" but I'm only using "Folks-Normal" as I don't use the bold version. The font is already allocated on the directed url source.</p>
  
  <p>You can see on <a href="http://www.vtxfactory.com/" rel="nofollow">http://www.vtxfactory.com/</a> that when you enter, font-family changes to Times New Roman and don't load my custom font.</p>
  
  <p>Best Regards,
  Rui Farinha.</p>