谷歌字体突然停止工作。是什么造成的?

时间:2013-03-13 18:30:07

标签: html css fonts font-face google-webfonts

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

有什么想法吗?

2 个答案:

答案 0 :(得分:3)

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

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

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

这是向页面添加样式表的更快,更可靠的方法,有关详细信息,请参阅此文章:don't use @import

答案 1 :(得分:0)

使用//fonts.googleapis.com...代替http://fonts.googleapis.com...-对我有所帮助。