Question

我正处于网站构建的ie测试阶段，我无法让字体在ie9中工作。奇怪的是，他们在ie7＆amp; ie8 AND在兼容模式下。也许更奇怪的是，演示文件工作得很好。我意识到这表明我可能搞乱了管道，但我无法在任何地方找到问题。

我想知道是否有什么东西打破了本网站ie9中的所有字体 - 它们看起来都像'新罗马'对我来说。

编辑：更新了以下代码。仍然遇到问题。

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

测试网站：http://dev.citylightphilly.com

文件结构：所有字体＆amp; stylesp.c在/ wp-content / themes / my_theme / fonts /

中

HTML（在header.php中）

<!-- @Font-Face Webfonts --> 
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?  >/fonts/stylesheet.css" />
<!-- CSS : implied media="all" -->
    <?php versioned_stylesheet($GLOBALS["TEMPLATE_RELATIVE_URL"]."style.css?v=2") ?>

CSS（/fonts/stylesheet.css）

@font-face {
font-family: 'NovecentowideBold';
src: url('Novecentowide-Bold-webfont.eot');
src: url('Novecentowide-Bold-webfont.eot?#iefix') format('embedded-opentype'),
     url('Novecentowide-Bold-webfont.woff') format('woff'),
     url('Novecentowide-Bold-webfont.ttf') format('truetype'),
     url('Novecentowide-Bold-webfont.svg#NovecentowideBold') format('svg');
font-weight: normal;
font-style: normal;

CSS（style.css）

h3, h4, h5, h6, nav {
  font-family: 'NovecentowideBold', 'Myriad Headline', Tahoma, Calibri, sans-serif;
}

Answer 1

尝试这个

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

src url应该带有域名。

Answer 2

我认为它可能是

中找到的CSS中的代码

http://dev.citylightphilly.com/wp-content/themes/citylight2/style.css

尝试删除此部分：

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

其他一切对我来说都很好。

为什么我的@ font-face只在ie9中被破坏了？

2 个答案: