css - 字体在 chrome 中工作，但在 firefox 和 ie 中不工作

Question

我认为标题已经说明了我的问题所在。

这是我的代码，希望你能指出我做错了什么:

@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 正在下载 ttf 和 woff 文件但没有下载 eot，而 firefox 没有下载它们...

Answer 1

试试

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

我认为@font-face 中不允许超过 1 个 src 参数。