我在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字体。
有什么想法吗?
答案 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...
-对我有所帮助。