@font-face 在 Chrome、Safari、Opera 上工作（在本地和远程服务器上），但在 Firefox 上不工作答案

【问题标题】：@font-face working (locally and in remote server) on Chrome, Safari, Opera but not with Firefox@font-face 在 Chrome、Safari、Opera 上工作（在本地和远程服务器上），但在 Firefox 上不工作
【发布时间】：2017-06-30 15:47:00
【问题描述】：

我的字体在 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

【问题讨论】：

标签： css firefox font-face

【解决方案1】：

可能你的 font-family http://joxi.ru/krDlgpJsEGz6nr 的名称有误

【讨论】：

再检查一次字体网址。
是的，就是名字。谢谢。

【解决方案2】：

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

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

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

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

【讨论】：