Google 字体在 5 个浏览器中的 2 个不工作答案

【问题标题】：Google fonts not working in 2 of 5 browsersGoogle 字体在 5 个浏览器中的 2 个不工作
【发布时间】：2014-02-04 18:46:47
【问题描述】：

下午好。我对这个社区很陌生，这是我在这里的第一个问题。过去一个月我一直在学习 HTML 和 CSS，我遇到了第一个情况，我无法在这个很棒的网站上找到答案！（我找到了一些问题和答案，但没有针对我的具体情况，因此非常感谢您的帮助）

我正在使用 Notepad++ 编写一个网站，并在头部包含以下内容

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">

然后在我的 CSS 中：

font-family: 'Tangerine', serif;

现在我很困惑的原因是因为字体在 Chrome、Opera 和 Safari 上完美加载，但在 IE 或 Firefox 中却没有？！正如我所说，我找不到这个问题的具体答案，所以我错过的任何你能指出的东西都将不胜感激。谷歌字体可能在本地的 IE 或 Firefox 上不起作用吗？？

再次感谢

肖恩

更新：我使用的是所有浏览器的最新版本；我今天刚下载了 Firefox 和 IE。

【问题讨论】：

您是否尝试过另一种 Google Web 字体以查看它是否适用于替代字体？如果它不适用于某些字体，那就太奇怪了。但我想可能。
不确定它是否会有所作为，但您是否尝试过 Javascript 方法来加载网络字体？
您是在本地运行还是在网络服务器上运行？在本地，这意味着您获得一个以file:// 开头的网址
是的，在本地运行 - 这会阻止它在 IE 和 Firefox 中运行吗？谢谢 Gohn，我稍后再试。
实际上不确定。我现在正在测试它。

标签： html css google-font-api

【解决方案1】：

那是因为这个喜欢只提供一个woff 文件：

src: local('Tangerine'), url(http://themes.googleusercontent.com/static/fonts/tangerine/v4/HGfsyCL5WASpHOFnouG-RLO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');

您需要他们的其他浏览器替代品，例如svg、eot。尽管在大多数现代浏览器中，它都可以正常工作 - 有些浏览器和版本不support它。如果您测试过的两个浏览器都表示支持，那么我们需要一个可以查看的测试页面。

【讨论】：

对不起，我应该在我的问题中包含这个。我今天刚刚下载了所有浏览器，所以它们是最新版本。
@NZGamma - 在这种情况下，它适用于我在 OSX 上的 Firefox 中使用这个：jsfiddle.net/L9DBG - 检查此链接，看看它是否适用于您的浏览器，如果可以，你必须有规则冲突或其他问题。
再次感谢您。我刚刚在 Firefox 中打开了那个链接，你好仍然显示为默认文本：S 可能是我电脑上的某种软件问题吗？
@NZGamma，我想这可能是您本地版本的字体文件的问题 - 尝试删除它，看看问题是否得到解决？
是的，我在 Windows 7 的 IE11 和 FF 中测试了 JS Fiddle，它对我来说显示良好。