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

可能你的font-family http://joxi.ru/krDlgpJsEGz6nr

名称错误

Answer 2

您已经命名了字体系列＆＃34; Jubilat＆＃34;，因此，尽管有字体文件名，您仍然需要将其称为“Jubilat＆＃34;”。所以，这应该做到......

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

或者，更新字体 - 面部定义并保持正文规则......

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

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

2 个答案: