Question

我不确定我在我网站上使用的css字体系列发生了什么。直到昨天它一直在努力。然后今天早上它停止了Chrome的工作，之后又停止了FireFox＆amp; 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);

这是how it looks now和how it should look。

完全陷入困境，不知道发生了什么。

Answer 1

删除部分|Helvetica+Neue:400,500,700。

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

如果您的请求中包含Google Web Fonts中不存在的字体，Google服务器会以403 Forbidden响应，并且不会发送任何字体。如果您使用开发人员工具（F12）并在加载页面时查看“网络”部分，则可以看到此信息。

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

Answer 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);

Answer 3

事实上，Helvetica Neue可以在谷歌字体中找到：

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

字体系列在我的网站上显示不正确

3 个答案: