2013-03-13 24 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