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

Question

我在我的网站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 字体。

有任何想法吗？

Answer 1

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

但是我建议不要使用@importGoogle Web Fonts，请尝试使用该link方法，例如：

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

这是一种将样式表添加到页面的更快、更可靠的方法，有关更多信息，请参阅这篇文章：不要使用 @import。

Answer 2

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