2012-12-12 53 views
7

在這裏工作是link沒有谷歌的字體在谷歌chrome

如果您單擊黑色部分中的方塊就會字的字體換到左手。所有的字體都是谷歌的字體,但其中沒有一個在谷歌瀏覽器中運行。我沒有解決方案搜索互聯網。所有其他瀏覽器它工作正常。

+2

談諷刺...... – BoltClock

+0

谷歌瀏覽器加載有自己的字體最多的問題。這很荒謬。 –

回答

16

你得到解釋多一點的錯誤消息。嘗試按下F12 ,然後單擊Console標籤。您將看到錯誤消息

[已阻止] https://branard.com/index.php?option=com_brands&view=detail&id=16&Itemid=102的頁面從http://fonts.googleapis.com/css?family=Erica+One|Monda|Sacramento|Oleo+Script+Swash+Caps|Text+Me+One|Seymour+One|Cagliostro|Qwigley運行不安全的內容。

當您在主頁面運行HTTPS時通過HTTP獲取不安全內容時,Chrome會顯示此消息。

它應該只是將字體url從http://fonts.googleapis.com/css更改爲https://fonts.googleapis.com/css以確保此鏈接的安全。

+3

只需從URL中省略'http:'部分就可以了,因此默認將協議默認爲頁面本身的協議。 –

+1

謝謝。我必須向我的開發人員提出這個問題。 –

+0

令人驚訝的是一個臭鼬的角色可以破壞你的代碼。 +1,謝謝。有效。 –

1

這是包括來自通過https擔任主機頁面區塊http內容瀏覽器的安全功能。修復很簡單:只需從所有資源URL(腳本,樣式表等)中移除協議即可。在你的情況下,URL的字體CSS變得

//fonts.googleapis.com/css… 

注意,URL沒有httphttps

+1

我希望人們在投票時可能會有註釋。看起來像一個合法的解決方案我,雖然提防[陷阱](http://billpatrianakos.me/blog/2013/04/18/protocol-relative-urls/)。 – contrebis