1

我不确定我在网站上使用的 css 字体系列发生了什么。直到昨天它还在工作。然后今天早上它停止在 Chrome 上工作，然后在 FireFox 和 Safari (Mac) 上停止工作。

奇怪的是，它在我的一台队友计算机（Linux）上看起来不错，但在朋友的 Mac 计算机上看起来很糟糕。不知道发生了什么。当我检查元素时，我可以看到 CSS font-family 属性，但它被划掉了，好像字体没有加载一样。

这就是我在 CSS 上添加字体的方式：

@import url(http://fonts.googleapis.com/css?family=Rokkitt:400,700|Open+Sans:600italic,400,600,700|Helvetica+Neue:400,500,700);

这就是它现在的样子，也是应该的样子。

完全卡住了，不知道发生了什么。

4

3 回答 3

3

拆下零件|Helvetica+Neue:400,500,700。

Google Web 字体不包含 Helvetica Neue。它是一种商业字体，不是免费提供的，也可能不是收费的网络字体。

当您的请求中有一种在 Google Web Fonts 中不存在的字体时，Google 服务器会以 403 Forbidden 响应并且不发送任何字体。如果您使用开发人员工具 (F12) 并在加载页面时查看“网络”部分，您可以看到这一点。

当您将请求拆分为三个请求时，每个字体系列一个，其他请求成功。但是在一个请求中包含两个字体系列并删除 Helvetica Neue（或用谷歌实际拥有的某种字体替换它）会更有效。

于 2012-11-16T06:58:28.143 回答
2

好的，让它工作。不知道发生了什么。我所做的只是改变这一行：

@import url(http://fonts.googleapis.com/css?family=Rokkitt:400,700|Open+Sans:600italic,400,600,700|Helvetica+Neue:400,500,700);

到：

@import url(http://fonts.googleapis.com/css?family=Rokkitt:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600italic,400,600,700);
@import url(http://fonts.googleapis.com/css?family=Helvetica+Neue:400,500,700);
于 2012-11-16T02:32:20.010 回答
0

Helvetica Neue 实际上可在 Google 字体中找到：

http://fonts.googleapis.com/css?family=Helvetica+Neue

于 2015-01-09T20:27:56.827 回答