Css 为什么我的@font-face仅在ie9中损坏?

Css 为什么我的@font-face仅在ie9中损坏?,css,stylesheet,cross-browser,Css,Stylesheet,Cross Browser,我在一个网站建设的ie测试阶段,我不能让字体在ie9中工作。奇怪的是,它们在ie7和ie8以及兼容模式下都可以正常工作。也许更奇怪的是,演示文件工作正常。我意识到这表明我可能把管道弄得一团糟,但我在任何地方都找不到问题 我想知道是不是有什么东西打破了这个网站ie9中的所有字体——它们在我看来都像“times new roman” 编辑:更新了下面的代码。仍然在经历这个问题 下面是其中一种字体的一些相关信息和示例代码。总共有5种字体,它们都是按这种方式设置的,并且遇到了相同的问题 测试地点: 文件

我在一个网站建设的ie测试阶段,我不能让字体在ie9中工作。奇怪的是,它们在ie7和ie8以及兼容模式下都可以正常工作。也许更奇怪的是,演示文件工作正常。我意识到这表明我可能把管道弄得一团糟,但我在任何地方都找不到问题

我想知道是不是有什么东西打破了这个网站ie9中的所有字体——它们在我看来都像“times new roman”

编辑:更新了下面的代码。仍然在经历这个问题

下面是其中一种字体的一些相关信息和示例代码。总共有5种字体,它们都是按这种方式设置的,并且遇到了相同的问题

测试地点:

文件结构:所有字体和样式表.css在/wp content/themes/my_theme/fonts中/

HTML(在header.php中)

CSS(style.CSS)

试试这个

@font-face {
    font-family: "actuall font name";
    src:url( "http://localhost//fonts/fontname.TTF ");
}

src url应该是满域的。

我想它可能是在中找到的CSS中的代码

尝试删除此部分:

body, p, li { 
  font-family: ;
  line-height: 150%;
}

在我看来,其他一切都很好。

这不是wordpress的问题,而是CSS的问题。WP支持的网站出现CSS问题并不意味着它是WP的问题。迁移到Stack Overflow(堆栈溢出),这里将讨论此主题,并将得到一些高质量的答案。Novecentowedmedium≠ NoveCentowleMediumGood catch——实际上是上面代码中的一个输入错误,但不是在我的css文件中——我一定是在复制它时犯了错误。在编辑中修复了它。这个问题实际上发生在网站上的所有@字体上。我要深入研究F12的控制台,看看能不能想出什么办法。同时,我会更新上面的问题。我确实读了一些关于这个问题的文章——我认为ie9实际上阻止了跨域字体请求。请看这篇文章:这对我来说很好,也许你正在用ie9兼容性视图检查这一点,进入f12开发者工具并通过更改浏览器模式进行检查……不信由你,@font-face实际上在兼容模式下工作,但不是在常规模式下。谢谢字体松鼠-今晚我有时间的时候会研究这个问题。我感谢你的意见。。我没意识到我有一个空元素,太棒了。有时这些问题很隐蔽。实际上是通过Safari中的web inspector解决的-P
h3, h4, h5, h6, nav {
  font-family: 'NovecentowideBold', 'Myriad Headline', Tahoma, Calibri, sans-serif;
}
@font-face {
    font-family: "actuall font name";
    src:url( "http://localhost//fonts/fontname.TTF ");
}
body, p, li { 
  font-family: ;
  line-height: 150%;
}