谷歌字体突然停止工作。这是什么原因造成的？答案

【问题标题】：Google fonts stopped working suddenly. What caused this?谷歌字体突然停止工作。这是什么原因造成的？
【发布时间】：2013-03-13 18:30:07
【问题描述】：

我在我的网站http://ryanscowles.com 上使用Google Web Fonts。他们工作得很好，直到几天前。我没有更改 CSS 中的字体，但它们不再起作用。我最初是这样称呼他们的：

@import url("http://fonts.googleapis.com/css?family=Enriqueta:700|Actor");

但出于测试目的，我现在尝试单独导入它们。

@import url(http://fonts.googleapis.com/css?family=Enriqueta:400,700);
@import url(http://fonts.googleapis.com/css?family=Actor);

似乎都没有加载，并且在 Chrome 的网络检查器中，应用字体的样式似乎被划掉了。比如左上角的h1应该是Enriqueta字体。

有什么想法吗？

【问题讨论】：

【解决方案1】：

我怀疑问题在于您在 @import 规则之前有 cmets。 @import 规则必须位于样式表中的所有其他内容之前，我相信这包括 cmets。

但我建议不要将@import 用于 Google 网络字体，请尝试使用 link 方法，例如：

<link href='//fonts.googleapis.com/css?family=Enriqueta:400,700' rel='stylesheet' type='text/css'>

这是一种更快、更可靠的向页面添加样式表的方法，有关详细信息，请参阅这篇文章：don't use @import。

【讨论】：

【解决方案2】：

使用//fonts.googleapis.com... 而不是http://fonts.googleapis.com... - 对我有帮助。

【讨论】：