0

我再次问这个问题，因为我已经通过了以前的答案并尝试了他们的解决方案，但它仍然无法在测试中工作。

我的标题上有从 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 的防弹解决方案，以及这里发布的许多以前的答案，但都没有成功。它适用于除 IE8 之外的所有浏览器（我目前无法测试 IE9、IE10，但正在努力）。

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

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

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

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

4

2 回答 2

0

你能做一个 jsfiddle.com 来显示问题吗？

我已经创建了这个例子，它在 IE8 中运行良好（只是谷歌字体）：

http://jsbin.com/omozet/1

您是否尝试过 Paul Irish 展示的其他一些解决方案？

于 2013-06-06T10:33:30.093 回答
0

你要这个：

@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

于 2013-06-06T16:39:34.827 回答