html - Google 字体在 5 个浏览器中的 2 个中不起作用

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 中却不能？!正如我所说，我找不到这个问题的具体答案，所以我错过了任何你能指出的内容，我们将不胜感激。难道谷歌字体无法在 IE 或 Firefox 本地运行？？

再次感谢

谢恩

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

Answer 1

那是因为这个fond只提供了一个woff文件:

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

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