title: @font-face not working with firefox and IE
body: <p>I have this to attach custom font into my page</p>
  
  <pre><code>@font-face {
      font-family: "Pushkinf";
      src: url(../fonts/pushkin.ttf);
  }
  </code></pre>
  
  <p>It works on Safari and Google Chrome, but doesn't work on firefox and IE. Why is this happening and how to fix this?</p>