2013-03-13 25 views
1

我在我的网站上使用Google Web Fonts。他们工作得很好,直到几天前。我没有改变CSS中的字体,但他们不再工作。Google字体突然停止工作。这是什么造成的?

@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字体。

任何想法?

+0

您缺少网址附近的引号。 – Oded 2013-03-13 18:33:50

+2

url加载罚款在这里。您(或您的IP范围)是否因滥用或被列入黑名单?如果您在浏览器中手动选中该网址,会发生什么情况? – 2013-03-13 18:34:39

+0

@MarcB - 这三个URL似乎都在本地加载。我会和我的主人核实一下,看看他们的结局是否有任何改变。 – Ryan 2013-03-13 18:35:40

回答

3

我怀疑问题是您在@import规则之前有意见。 @import规则必须放在样式表中的所有其他内容之前,我相信这包括注释。

不过,我建议不要使用@import的谷歌Web字体,请尝试使用link方法来代替,如:

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

这是添加样式表到您的网页,以获取更多的信息更快速,更可靠的方法看到这篇文章:don't use @import

+0

这个伎俩。我很奇怪'@ import'在之前正常工作,但似乎突然停止了。无论哪种方式,它现在工作!感谢您的回复和解释。 – Ryan 2013-03-13 19:02:13

+0

出于同样的原因来到这里,'@ import'并没有突然生效,而且之前确实有评论。现在我使用'link'方法。谢谢。 :) – Shyuan 2016-03-13 22:13:43