title: I'm not able to get font-face working
body: <p>I'm not able to get <code>font-face</code> working (That's why I usually use Google fonts). But a customer has their own font that I must use.</p>
  
  <p>I'm testing and comparing against <strong><a href="http://www.cphvision.dk/" rel="nofollow">this site</a></strong> (Main menu)</p>
  
  <p>Here is my <strong><a href="http://jsfiddle.net/5jMN3/1/" rel="nofollow">fiddle</a></strong></p>
  
  <p>Why am I not able to get this work? The font on the other website is working just fine.</p>
  
  <p>Here's my CSS:</p>
  
  <pre><code>@font-face{
    font-family:'testFont';
    src:url('http://www.cphvision.dk/sites/all/themes/vision/webfonts/21B1BE_0_0.eot');
    src:url('http://www.cphvision.dk/sites/all/themes/vision/webfonts/21B1BE_0_0.ttf'), format('truetype');
  }
  
  ul li a {
  font-family:'testFont', sans-serif;
    font-weight:normal;
  }
  </code></pre>
  
  <p>I've also tested on my local server. Not working there either.<br>
  I have previously tested using font-face on downloaded fonts from Google. No success.</p>
  
  <p>What am I doing wrong?</p>