Cannot load font files, 404 error
<p>I am using two font icons in a project. Font Awesome and a customize SVG font. All font files are in same folder. Here is the file structure:</p>

<pre><code>-assets
    -css
        -font-awesome.min.css
        -themefy.css
    -fonts
        -font-awesome.eot
        -font-awesome.svg
        -font-awesome.ttf
        -font-awesome.woff
        -font-awesome.woff2
        -font-awesomed41d.eot
        -themify.eot
        -themify.svg
        -themify.ttf
        -themify.woff
        -themifyd41d.eot
</code></pre>

<p>Both fonts are working fine in localhost but <code>themify</code> font doesn't works after deployment. It returns a <code>404 not found</code> in chrome console. I had a lot of study on it for 2/3 days still can't figure out what is the problem. Here is my themify @font-face:</p>

<p><strong>themify.css</strong></p>

<pre><code>@font-face {
    font-family: 'themify';
    src:url('../fonts/themify.eot?-fvbane');
    src:url('../fonts/themifyd41d.eot?#iefix-fvbane') format('embedded-opentype'),
        url('../fonts/themify.woff?-fvbane') format('woff'),
        url('../fonts/themify.ttf?-fvbane') format('truetype'),
        url('../fonts/themify.svg?-fvbane#themify') format('svg');
    font-weight: normal;
    font-style: normal;
}
</code></pre>

<blockquote>
  <p>If you want to see it live: <a href="http://smartrahat.com/" rel="nofollow">http://smartrahat.com/</a></p>
</blockquote>