谷歌字體的神祕錯誤

-1

我想在this網站上使用谷歌字體。鏈接在頭上，如果你點擊它，結果是正確的。在CSS中，字體家族是正確的，但我在屏幕中看到的字體並不正確。谷歌字體的神祕錯誤

這是鏈接：

<link rel="stylesheet" id="options-google-fonts" title="google-fonts" href="//fonts.googleapis.com/css?family=Open+Sans:300%7CMontserrat&amp;subset=latin&amp;v=1399056353" type="text/css" media="all" />

而CSS：

.caption-wrap .line-2, .caption-wrap .line-3, .caption-wrap .line-5 a, .navbar-nav>li>a, .service-wrap .service-btm a { 
font-family: Montserrat; 
}

沒有人能告訴我，如果有一個問題呢？

來源

2014-05-02 ThemesCreator

哪裏有問題？它在Chrome中正確顯示 – twinlakes

只有哈代男孩可以解決這個問題。 –

這種聯繫是由Redux的選項框架生成。該問題似乎只發生在Windows 8中的Chrome上。

該問題修復了刪除標題屬性。

來源

2014-05-03 11:34:41 ThemesCreator

您將樣式表<link>元素放在<body>的內部。它應該在<head>。

來源

2014-05-02 18:58:38 twinlakes

它在頭上 – ThemesCreator

就Chrome而言，用作HTTPS的頁面不應該調用作爲HTTP的資源。當事情是相反的時候，Chrome並不挑剔，所以它會很高興地通過一個HTTP頁面檢索HTTPS資源。解決方案

匹配的協議

確保你總是打電話給你的谷歌web字體網址的HTTPS版本。例如：

<link href='https://fonts.googleapis.com/css?family=Open+Sans:300%7CMontserrat&amp;subset=latin&amp;v=1399056353' 
rel='stylesheet' type='text/css' media="all">

來源

2014-05-02 18:58:42 4dgaurav

這不起作用 – ThemesCreator

-1

您忘記了路徑前面的http：//。嘗試：http://fonts.googleapis.com/css?family=Open+Sans:300%7CMontserrat&subset=latin&v=1399056353

來源

2014-05-02 19:08:47 BITS

他沒有忘記它。廢話。它不應該在那裏。 – vsync

使用這個片段的CSS鏈接，它做谷歌建議，從而將其字體的方式：

<link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>

來源

2014-05-02 19:10:20 mbec83

鏈接的結果頁面是相同的，所以它會起作用 – ThemesCreator

谷歌字體的神祕錯誤

回答

相關問題