Question

嗨，我正在为一个客户工作一个网站，而且我在Firefox上有一段时间。

其中一个@fontface字体加载得很好（TheHandRegular），但第二个（TheHandBold）似乎不会加载。我已经使用W3C Validator检查并重新检查了我的CSS，并且检查完美。

这是一个在media-temple上托管的wordpress网站，对于我的生活，我似乎无法想象这一点。

http://www.healthygreenkitchen.com

非常感谢塞布丽娜

Answer 1

看起来你的CSS声明每个font-face两次，第二次是在TheHandBold的文件夹webfonts内查看，而不是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****
}

Firefox中的@fontface问题

1 个答案: