css - @font-face 在 Chrome、Safari、Opera 上工作(在本地和远程服务器上)，但不能在 Firefox 上工作

Question

我的字体在 my-theme/assets/fonts/my-font.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 我真的不知道还能做什么。谢谢。

This is the url

Answer 1

可能您的字体系列名称有误 http://joxi.ru/krDlgpJsEGz6nr