谷歌字体在五个浏览器中有两个无法使用

Question

下午好。我是这个社区的新成员，这是我的第一个问题。我已经学习了一个月的HTML和CSS，遇到了第一个无法在这个很棒的网站上找到答案的情况！（我找到了一些问题和答案，但没有任何关于我的情况的具体内容，所以非常感谢你的帮助）

我正在使用Notepad ++编写网站，并在head中包含以下内容。

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

然后在CSS中我有：

font-family: 'Tangerine', serif;

我很困惑的原因是字体在Chrome、Opera和Safari上加载得非常完美，但在IE或Firefox上却不行？！正如我所说，我找不到这个问题的具体答案，如果你能指出我漏掉的任何内容，那就太感谢了。难道Google字体在本地的IE或Firefox上不能使用吗？

再次感谢

Shane

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

- NZGamma

---

你尝试过使用其他谷歌网络字体来查看是否可以使用替代字体吗？如果某些字体无法使用，那么这就很奇怪了。但我猜这是有可能的。 - Gohn67

你是在本地运行还是在Web服务器上运行？在本地运行意味着你会得到一个以 file:// 开头的URL。 - Gohn67

是的，本地运行 - 这会阻止它在IE和Firefox中工作吗？ 谢谢Gohn，我稍后会尝试。 - NZGamma

在本地 HTML 文件中，我使用 Firefox 和 IE 测试通过。 - Gohn67

是的，我曾经担心过跨站点访问问题，在FF中遇到过。但在Google Webfonts中从未发生过。嗯，也许先看看字符集元标记是否能解决第一个错误。 - Gohn67

Answer 1

这是因为该字体只提供了一个woff文件：

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

你需要其他浏览器的替代方案，例如svg、eot。虽然在大多数现代浏览器中它可以正常工作，但是有些浏览器和版本可能不支持。如果你测试过的两个浏览器表示它们支持，那么我们需要一个测试页面来查看。

- Prisoner

---

抱歉，我应该在我的问题中包含这个信息。我今天刚下载了所有浏览器，所以它们都是最新版本。 - NZGamma

@NZGamma - 在这种情况下，我在使用Firefox浏览器的OSX上使用此链接http://jsfiddle.net/L9DBG/时可以正常工作-检查此链接并查看它是否在您的浏览器中工作，如果是，则必须存在冲突规则或其他问题。 - Prisoner

是的，我在Windows 7上测试了IE11和FF中的JS Fiddle，并且它对我来说显示正常。 - Gohn67

大家好，我刚刚尝试了另一种完全不同的字体（Frijole），但是这种字体在IE或Firefox中也无法显示。所以问题不在于字体本身，而是浏览器。正如我所说，它们都是最新版本。我目前在泰国，也许泰国的网络限制引起了问题？ - NZGamma

奇怪。这让我非常沮丧。现在另一种字体在IE和Firefox上也出现了同样的问题，但其他三种字体没有。 - NZGamma