title: Custom font is not working in Firefox.
body: <p>I have searched for its solution, and I think, I'm doing everything like the suggestions, but it is still not working. Custom font works on Chrome, IE, but not in Firefox. I have used font face generator to generate fonts and the code. I have placed the @font-face code in header, custom.css file (in theme_root/css/) and also in style.css, but it is not working.</p>
  
  <p>Placed this in header.php:</p>
  
  <pre><code>&lt;style&gt;
  
  @font-face {
      font-family: 'Bebas Neue';
      src: url('fonts/bebasneue.eot');
      src: url('fonts/bebasneue.eot?#iefix') format('embedded-opentype'),
      url('fonts/bebasneue.svg#Bebas Neue') format('svg'),
      url('fonts/bebasneue.woff') format('woff'),
      url('fonts/bebasneue.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
  }
  &lt;/style&gt;
  </code></pre>
  
  <p>Placed this in style.css:</p>
  
  <pre><code>@font-face {
      font-family: 'Bebas Neue';
      src: url('fonts/bebasneue.eot');
      src: url('fonts/bebasneue.eot?#iefix') format('embedded-opentype'),
      url('fonts/bebasneue.svg#Bebas Neue') format('svg'),
      url('fonts/bebasneue.woff') format('woff'),
      url('fonts/bebasneue.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
  }
  </code></pre>
  
  <p>Placed this in custom.css:</p>
  
  <pre><code>@font-face {
      font-family: 'Bebas Neue';
      src: url('../fonts/bebasneue.eot');
      src: url('../fonts/bebasneue.eot?#iefix') format('embedded-opentype'),
      url('../fonts/bebasneue.svg#Bebas Neue') format('svg'),
      url('../fonts/bebasneue.woff') format('woff'),
      url('../fonts/bebasneue.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
  }
  </code></pre>
  
  <p>Working everywhere, except Firefox. I'm confused
  <a href="http://tour.khujbo.com" rel="nofollow">http://tour.khujbo.com</a></p>
  
  <p>Also, this font works in html pages in Firefox fine. I have used this font in this template and it works on Firefox: <a href="http://khujbo.com" rel="nofollow">http://khujbo.com</a>. Seems to me, that the problem with Firefox and WordPress combination. </p>
  
  <p>What should I do?</p>