Why the 404 error in my ttf font?

Question

On my site, I use SASS

I have the following code:

--- Edit ---

@font-face {
    font-family: 'BauhausBold';
    src: url('/Type/bauhaus_bold.eot');
    src: url('/Type/bauhaus_bold.eot?#iefix') format('embedded-opentype'),
         url('/Type/bauhaus_bold.woff') format('woff'),
         url('/Type/bauhaus_bold.ttf') format('truetype'),
         url('/Type/bauhaus_bold.svg#BauhausBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

To use this font:

font-family: quote('bind'), arial;

But we always get the error 404 on my site. See the image:

Error 404

Full image: https://i.stack.imgur.com/jAhWY.png

You can access the site: bindsolution.com if they wish.

Thank you all for your help!

See this: http://sass-lang.com/docs/yardoc/Sass/Script/Functions.html#string_functions — ridermansb, Dec 20 '11 at 18:52
have you tried to include your fonts also in .woff and .svg? Furthermore are the paths to your fonts relative to your domain? — Rito, Dec 21 '11 at 09:17
i would try this: http://stackoverflow.com/questions/3594823/mime-type-for-woff-fonts — Rito, Dec 21 '11 at 15:46

score 1 · Answer 1 · answered Sep 24 '16 at 21:12

I've just had exactly same problem and I couldn't solve it. I thought it was due to relative path but it wasn't. It turned out that I had my fonts names in CSS in uppercase while the files' names were actualy lower case. Previous server didn't care but this one does. That is all.

Why the 404 error in my ttf font?

1 Answers1