Search code examples
cssfontsfont-face

Font-face not displaying on Chrome

http://www.milknhny.co.uk/

I have a fontface call on my CSS for the above, but for a bizarre thing its not displaying on chrome at my work, yet works at home!

My call is :

@font-face {
 font-family: Bazar;
 src: url(http://www.milknhny.co.uk/fonts/Bazar.ttf);
 src: url(http://www.milknhny.co.uk/fonts/Bazar.eot);
 src: url(http://www.milknhny.co.uk/fonts/Bazar.svg);
 src: url(http://www.milknhny.co.uk/fonts/Bazar.woff);
 }

Any ideas why it wouldnt be working on my chrome, as i thought by calling all the above that it would be suitable cross browser.

thanks

Update:- The below fixed the chrome problem... however still not working in IE... any ideas?

Solution

  • You probably had not actually uploaded the font files. This seems to have caused a redirection and then a 404 Not Found response from a server. (The initial problem was a malformed @font-face rule, which you fixed in your answer.)

    The problem seems to have been fixed now.