Search code examples
cssinternet-explorerfirefoxfont-face

font-face working in chrome but not in firefox and ie

I think the title already says what my problem is.

Here's my code, I hope you can tell what I'm doing wrong:

@font-face {
  font-family: 'Deer';
  src: url('fonts/Deer.eot') format('embedded-opentype');
  src: url('fonts/Deer.woff') format('woff'),
       url('fonts/Deer.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

IE is downloading the ttf and woff files but not the eot, and firefox is downloading none of them...

Solution

  • try with

    @font-face {
  font-family: 'Deer';
  font-weight: normal;
  font-style: normal;
  src: url('fonts/Deer.woff') format('woff'),
       url('fonts/Deer.eot') format('eot'),
       url('fonts/Deer.ttf') format('ttf');
}

    i dont think more than 1 src-argument is allowed in @font-face.