CODEWITHSUNDEEP
cssinternet-explorerfirefoxfont-face
leon
leon

Reputation: 143

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...

Upvotes: 1

Views: 1130

Answers (1)

cari
cari

Reputation: 2300

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.

Upvotes: 2

Related Questions