Cannot load font files, 404 error

Question

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:

-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

Both fonts are working fine in localhost but themify font doesn't works after deployment. It returns a 404 not found 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:

themify.css

@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;
}

If you want to see it live: http://smartrahat.com/

score 4 · Accepted Answer · edited Sep 16 '16 at 15:07

4

Please remove the suffix (?-fvbane) from fonts CSS may be this can be caused for 404.

edited Sep 16 '16 at 15:07

Paul LeBeau

97,474
9
154
181

answered Sep 16 '16 at 11:20

Santosh Khalse

12,002
3
36
36

Yeah! It worked!! I did that before but that time the old `css` was in my browser cache so the result was the same. Now it working fine, Thank you very much. – smartrahat Sep 16 '16 at 13:18
1

Does dose anyone know what '-fvbane' is even for? – thenetimp Jan 22 '20 at 14:05

score 0 · Answer 2 · answered May 31 '20 at 10:30

0

Add codes at the below to your Web.config file.

  <system.webServer>
    <staticContent>
      <remove fileExtension=".woff" />
      <mimeMap fileExtension=".woff" mimeType="font/woff" />
    </staticContent>    
  </system.webServer>

answered May 31 '20 at 10:30

Leo

398
6
11

Cannot load font files, 404 error

2 Answers2