title: Why won't my font load?
body: <p>I have the following font-face set up in CSS:</p>
  
  <pre><code>@font-face {
      font-family: 'dtdt_menu';
      src: url('../fonts/Chalkduster.ttf');
  }
  </code></pre>
  
  <p>and a menu setup as follows:</p>
  
  <pre><code>.menu ul {
      margin: 0;
      padding: 0;
      list-style: none;
      font-family: 'dtdt_menu';
  }
  </code></pre>
  
  <p>This don't work at all. But when i change the font-face to the following:</p>
  
  <pre><code>@font-face {
      font-family: 'dtdt_menu';
      src: url('../fonts/Pacifico.ttf');
  }
  </code></pre>
  
  <p>This works as it should, but the <code>Pacifico.ttf</code> font is located in the same folder and has chmod 755 just as <code>Chalkduster.ttf</code>. Why won't <code>Chalkduster.ttf</code> load? I don't understand it, since it has the exact same rights as the other custom font which works.</p>