title: How to use custom fonts in CakePHP?
body: <p>I am trying to use a custom font in CakePHP but it doesn't seem to be working.</p>
  
  <p>I am getting the font from <a href="http://www.dafont.com/ssf4-abuket.font" rel="nofollow">http://www.dafont.com/ssf4-abuket.font</a> (A Street Fighter font!!). And I store the ttf font file to webroot/css. </p>
  
  <p>This is my CSS:</p>
  
  <pre><code>@font-face {
      font-family: 'SF';
      src: url('StreetFighter.ttf') format('truetype');
  }
  
  p {
      height: 50%;
      margin: 30px 0;
      text-align: center;
      font-size: 2.2rem;
      font-family: 'SF';
      color: #000;
  }
  </code></pre>
  
  <p>However, when I use a different font such as the Arkitech from <a href="http://www.1001freefonts.com/" rel="nofollow">http://www.1001freefonts.com/</a> with the same code but different filename it works.</p>