title: ttf files not rendering on Chrome and Firefox
body: <p>I have been trying to get the ttf files rendered in Chrome and Firefox but it just doesn't seem to work. While rendering the .woff file is working fine.</p>
  
  <p>I downloaded the collection from <code>http://www.google.com/webfonts#UsePlace:use/Collection:Philosopher</code> and then renamed the <code>Philosopher-Regular.ttf</code> to <code>fancyfont.ttf</code> and then tried:</p>
  
  <pre><code>@font-face {
      font-family: 'Fancyfont';
      src: url('fonts/fancyfont.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
  
  }
  </code></pre>
  
  <p>But the font just doesnt seem to add on to the webpage. However if i rename the woff file to fancyfont.woff and try :</p>
  
  <pre><code>@font-face {
      font-family: 'Fancyfont';
      src: url('fonts/fancyfont.woff') format('woff');
      font-weight: normal;
      font-style: normal;
  
  }
  </code></pre>
  
  <p>then it all works fine for Chrome and Firefox.</p>
  
  <p>Any solutions to this problem as i have seen the ttf files being rendered onto the browser?</p>