Css @在Chrome、Safari和Opera上使用字体（本地和远程服务器），但不使用Firefox

我的字体在

我的主题/资产/字体/我的字体.ttf

中，这是我的.css

@font-face {
  font-family: 'Jubilat';
  src: url('../assets/fonts/Jubilat/Jubilat-Light.eot');
  src: url('../assets/fonts/Jubilat/Jubilat-Light.eot?#iefix') format('embedded-opentype'), url('../assets/fonts/Jubilat/Jubilat-Light.woff') format('woff'), url('../assets/fonts/Jubilat/Jubilat-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
body {
  font-size: 1.3em;
  font-family: "Jubilat-Light", Helvetica Neue, Roboto, Arial, sans-serif;
}

这是一个Wordpress网站。此外，在Firebug中，我没有看到错误。它可以在Chrome、Safari、Opera上运行（本地和远程服务器），但不能在Firefox上运行。谢谢

---

可能您的字体系列名称有误

可能您的字体系列名称有误

您将字体系列命名为“Jubilat”，因此尽管有字体文件名，您仍需要将其称为“Jubilat”。所以，这应该可以做到

body {
  font-size: 1.3em;
  font-family: "Jubilat", Helvetica Neue, Roboto, Arial, sans-serif;
}

或者，更新字体面定义并保持正文规则不变

@font-face {
  font-family: 'Jubilat-Light';
  ...

---

您已将字体系列命名为“Jubilat”，因此尽管有字体文件名，您仍需要将其称为“Jubilat”。所以，这应该可以做到

body {
  font-size: 1.3em;
  font-family: "Jubilat", Helvetica Neue, Roboto, Arial, sans-serif;
}

或者，更新字体面定义并保持正文规则不变

@font-face {
  font-family: 'Jubilat-Light';
  ...

---

再次检查字体URL。是的，是名称。谢谢。再次检查字体URL。是的，是名称。谢谢