1

我无法font-face在IE7和上工作IE8。

我使用的代码是：

@font-face {
    font-family: 'DroidSans';
    src: url('fonts/DroidSans.eot');
    src: url('fonts/DroidSans.eot?iefix') format('eot'),
         url('fonts/DroidSans.woff') format('woff'),
         url('fonts/DroidSans.ttf') format('truetype'),
         url('fonts/DroidSans.svg#webfont1BSMunJa') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DroidSans';
    src: url('fonts/DroidSans-Bold.eot');
    src: url('fonts/DroidSans-Bold.eot?iefix') format('eot'),
         url('fonts/DroidSans-Bold.woff') format('woff'),
         url('fonts/DroidSans-Bold.ttf') format('truetype'),
         url('fonts/DroidSans-Bold.svg#webfont1BSMunJa') format('svg');
    font-weight: bold;
}
@font-face {
    font-family: 'Lobster';
    src: url('fonts/Lobster.eot');
    src: url('fonts/Lobster.eot?iefix') format('eot'),
         url('fonts/Lobster.woff') format('woff'),
         url('fonts/Lobster.ttf') format('truetype'),
         url('fonts/Lobster.svg#webfont1BSMunJa') format('svg');
    font-weight: normal;
    font-style: normal;
}

我读过这些文章：

他们都说这个解决方案应该是跨浏览器兼容的：

浏览器兼容性：Safari、IE 6-9、IE 9 兼容模式、Firefox、Chrome、iOS、Android、Opera

我究竟做错了什么？有没有人在这些方面有经验？

我在这里测试这个：dev.holiday.ge/xhtml/

4

4 回答 4

5

我使用此网站生成的 .eot 文件：http://fontface.codeandmore.com/有问题，即 7-8 没有收到它们。我使用http://www.fontsquirrel.com/并且字体现在可以正常加载，使用我的原始代码！

于 2012-04-29T14:54:30.270 回答
1

我以前也遇到过你的问题。我用简单的解决方案解决了它。我正在使用 2 个 CSS 文件。一个用于 IE，一个用于其他。所以我<head>是这样的：

<link href="styles/css.css" rel="stylesheet" type="text/css" />
<!--[if IE]>
  <link href="styles/css.ie.css" rel="stylesheet" type="text/css" />
<![endif]-->

这些是我的 CSS 文件：

/* css.css */
@font-face {
    font-family: 'font';
    src: local("☺"),
    url("fonts/f1.woff") format("woff"),
    url("fonts/f1.ttf") format("truetype");
}

仅 IE CSS：（eot）

/* css.ie.css */
@font-face {
    font-family: 'font';
    src: url('fonts/f1.eot');
}

这对我有用，我以前用过很多次。

于 2012-04-27T11:38:24.263 回答
0

因为 Internet Explorer 8 和更早的版本，不支持 @font-face 规则。

见http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

@font-face 属于 CSS3 http://www.w3.org/TR/css3-fonts/

另一个问答IE 浏览器（IE6、7、8）是否支持@font-face？

未经官方/完全支持的功能（请参阅：css3 规范）可能仍然可以通过一些 hack 工作（视觉上接近）。

如您所见，写文章的人已经知道这一点

什么？我不明白。

使这项工作的（hack ）技巧是“？” 在 EOT 文件名之后。严重地。

你认为这个 url 符合某些标准吗，请记住，这里它仅供浏览器使用：fonts/DroidSans-Bold.eot?iefix
一篇文章指出，实际上绕过 IE 错误是 hack。如果现在修复了这些错误怎么办？它仍然有效吗？

这里的参考是三叉戟版本http://msdn.microsoft.com/en-us/library/ms530303(VS.85).aspx这里是最标准的东西http://www.w3.org/TR/ css3-fonts/#font-resources另见http://en.wikipedia.org/wiki/Trident_(layout_engine)

于 2012-04-27T10:15:54.897 回答
0

不使用Google Web Fonts有什么特别的原因吗？这两种字体都已经存在，并且以一些带宽为代价更容易。我一直在使用它们，在 IE 7-8-9 中我没有遇到过任何问题。

编辑：就问题而言，我不确定，但我记得读过一些关于 IE 不接受两个 src 属性的内容。或 src 属性中的多个值。如果您决定坚持使用自己的 css，您可能想研究一下。

于 2012-04-27T10:38:01.457 回答