3

我想导入一些字体以在我的网站中使用，我正在使用谷歌制作的这段代码。

HTML

<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700|Cuprum:400,700' rel='stylesheet' type='text/css'>

CSS

font-family: "Droid Sans", sans-serif;

它适用于 Firefox 和 Google Chrome 但 IE8 没有，为什么？

已编辑：Adobe 创建了类似 Google 的东西，脚本比 google 更好，并且在 Internet Explorer 中完美运行（更多内容在http://html.adobe.com/edge/webfonts/中）

4

5 回答 5

6

因为它仅以 WOFF 格式提供，IE8 不支持。

在这里：http ://www.fontsquirrel.com/fontfacedemo/Droid-Sans您可以下载所需的所有格式的相同字体。

然后，将以下代码添加到您的主 CSS 中：

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

因此，您将能够继续使用此字体。

请注意，字体文件必须位于样式表的同一文件夹中。

于 2012-09-19T18:09:39.393 回答
1

至少从 IE 的角度来看，Google 服务生成的字体文件有问题。IE 9 也无法显示由 Google 提供的 Droid Sans，我在检查模式 (F12) 中检查了 Google 向 IE 发送了 EOT 文件和 WOFF 文件。

该问题仅与某些字体有关，并且可能是间歇性的；参看。例如对于如何让谷歌字体在 IE 中工作的问题？

因此，GionaF 建议使用 FontSquirrel 生成文件并在本地托管它们似乎是可行的方法，

于 2012-09-19T19:31:58.423 回答
0

Google 为 IE 返回的 CSS 包含@font-facewoff 字体，该字体仅在 IE9 及更高版本中受支持。

于 2012-09-19T18:14:40.627 回答
0

在使用 Google Fonts 提供的 @import 代码时，我遇到了 IE8 问题。根据 Google Fonts Troubleshooter 的建议，我将 @import 语句中引用的 URL 粘贴到 IE 中，看看是否有错误可以帮助我追踪问题。它所做的是下载一些@font-face 代码，然后我将它们放入CSS 文件中以代替@import 行，现在一切都可以在IE8 和Chrome 中正常运行。我已经在 iPad (safari) 上进行了测试，它对此也很满意。

这可能对某些人有效，但不能保证！希望这对其他人有帮助，但我遇到这个问题已经有一段时间了，这真的很痛苦。这似乎已经解决了它......在此期间！

于 2014-01-07T14:31:44.687 回答
-1

只需添加 sans-serif 作为您的字体。

像这样：

font-family:'fontname', sans-serif;

Sans-Serif 使其适用于所有浏览器

于 2017-04-03T10:14:10.290 回答