我正在使用Google Web Fonts在我的网站上 http://ryanscowles.com 。直到几天前，他们都工作得很好。我没有更改 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 字体。
有什么想法吗？
最佳答案
我怀疑问题在于您在 @import 规则之前有注释。 @import 规则必须位于样式表中所有其他内容之前，我相信这包括注释。
不过，我建议不要对 Google 网页字体使用 @import，而是尝试使用 link 方法，例如:
<link href='//fonts.googleapis.com/css?family=Enriqueta:400,700' rel='stylesheet' type='text/css'>
这是一种向页面添加样式表的更快、更可靠的方法，有关详细信息，请参阅本文:don't use @import .
关于html - 谷歌字体突然停止工作。是什么原因造成的呢？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15393583/