Firefox 中的@fontface 问题[关闭]

Posted 2023-03-06

【中文标题】Firefox 中的@fontface 问题[关闭]

【英文标题】：@fontface issues in Firefox [closed]

【发布时间】：2014-07-20 13:47:45

【问题描述】：

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

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

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

http://www.healthygreenkitchen.com

非常感谢 萨布丽娜

【问题讨论】：

我在 chrome 中看到了这个： GET healthygreenkitchen.com/wp-content/themes/healthygreenkitchen/… 404 (Not Found) GET healthygreenkitchen.com/wp-content/themes/healthygreenkitchen/… 404 (Not Found) 这意味着你的路径是错误的。

【参考方案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****

【讨论】：

解决了！非常感谢你，约瑟夫！