Question

我再次问这个问题，因为我已经完成了之前的答案，并尝试过他们的解决方案，但仍无法通过测试。

我在我的标题上有从Google字体复制的代码： link href='http://fonts.googleapis.com/css?family=News+Cycle:700' rel='stylesheet' type='text/css'>

当我回退时（这个将使用它的项目也可能离线）我有这个：

@font-face {
 font-family: 'News Cycle';
 src: url('fonts/NewsCycle-Regular.eot?') format('eot'), url('fonts/NewsCycle-Regular.woff') format('woff'), url('fonts/NewsCycle-Regular.ttf') format('truetype');
}

我已经单独尝试了两个案例，分别尝试了Paul Irish's子弹证明解决方案，以及此处发布的许多以前的答案，但都是无效的。除了IE8之外，它在所有浏览器上都能正常工作（我目前无法测试IE9，IE10，但正在研究它。）

有什么可能出错的建议吗？

PS：我还尝试了上述代码的其他变体，例如：

@font-face {
  font-family: 'News Cycle';
  src: url('fonts/NewsCycle-Regular.eot') format('eot');
}

font-family没有空格，没有单引号，更改文件的位置等等。

Answer 1

你可以在jsfiddle.com上展示问题吗？

我创建了这个示例，它在IE8（只是Google字体）中运行良好：

http://jsbin.com/omozet/1

你有没有尝试过Paul Irish所展示的其他一些解决方案？

Answer 2

你想要这个：

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

前两行处理ie6-9;非常肯定第一个是ie8;你甚至可以在fontsquirrel.com上生成文件和css

自定义字体（@ font-face）和Google字体在IE8中不起作用

2 个答案: