【问题标题】:@fontface issues in Firefox [closed]Firefox 中的@fontface 问题[关闭]
【发布时间】:2014-07-20 13:47:45
【问题描述】:

您好,我正在为一个客户开发一个网站,并且我在 Firefox 上玩得很开心。

@fontface 字体之一加载正常(TheHandRegular),但第二个字体(TheHandBold)似乎无法加载。我已经使用 W3C Validator 反复检查了我的 CSS,结果非常完美。

这是一个托管在 media-temple 上的 wordpress 网站,在我的一生中,我似乎无法弄清楚这一点。

http://www.healthygreenkitchen.com

非常感谢 萨布丽娜

【问题讨论】:

标签: css wordpress firefox font-face


【解决方案1】:

看起来你的 CSS 声明了每个字体两次,第二次是在文件夹 webfonts 中查找 TheHandBold 而不是 TheHandRegular。

 @font-face {
 font-family: 'TheHandRegular';
 src: url('2B06C8_0_0.eot');
 src: url('2B06C8_0_0.eot?#iefix') format('embedded-opentype'),
      url('2B06C8_0_0.woff') format('woff'),
      url('2B06C8_0_0.ttf') format('truetype');
 }

@font-face {
font-family: 'TheHandBold';
src: url('webfonts/2B06F9_0_0.eot');****this line****
src: url('webfonts/2B06F9_0_0.eot?#iefix') format('embedded-opentype'),****this line****
url('webfonts/2B06F9_0_0.woff') format('woff'), ****this line****
url('webfonts/2B06F9_0_0.ttf') format('truetype'); ****this line****
}

【讨论】:

  • 解决了!非常感谢你,约瑟夫!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-02-01
  • 1970-01-01
相关资源
最近更新 更多