托管在Google雲端硬盤中的Google Web字體不會在Chrome中顯示

Question

我有一個奇怪的網絡字體問題。 我使用的是Google網絡字體，從本地主機查看時一切正常。 我什至在筆記本電腦上運行MAMP，因此我可以從實際服務器上看到它的外觀。 同樣，一切看起來都很好。 但是，一旦我將文件上傳到Google雲端硬盤以便共享文件，字體就會停止在Chrome中顯示。 它可以在Safari，Firefox，iOS Safari甚至iOS Chrome瀏覽器中使用，但在筆記本電腦上的Chrome瀏覽器中無法使用。

操作系統：Mac OS X 10.8.4
Chrome：31.0.1650.63-在本地運行，在Google雲端硬盤上無法運行
Safari：6.0.5-在本地和Google雲端硬盤上均可正常運行
Firefox：5.0.1-在本地和Google雲端硬盤中均可正常運行
iOS Safari-在本地和Google雲端硬盤上均可正常運行
iOS Chrome-在本地和Google雲端硬盤上均可正常運行

有問題的頁面： https ： //googledrive.com/host/0B0LF26cYLcG7ZThfUGF5TFE1eUE/index.html

Answer 1

您在Google驅動器中的應用在HTTPS下使用HTTPS ，但是您嘗試從HTTP加載字體時，在font-face指令中加載字體時只需將http更改為https

[blocked] The page at 'https://googledrive.com/host/0B0LF26cYLcG7ZThfUGF5TFE1eUE/index.html' was loaded over HTTPS, but ran insecure content from 'http://fonts.googleapis.com/css?family=Exo+2:400,400italic,700': this content should also be loaded over HTTPS.

而且您需要學習如何在chrome中使用devtools。 它將對您將來有所幫助。

Answer 2

嘗試在CSS文件鏈接的前面放兩個點-盡管Chrome解決了它，但可能會引起問題-擁有一個點是不正確的。

<link href="./css/style.css" rel="stylesheet"></link>

應該

<link href="../css/style.css" rel="stylesheet"></link>

除了多數民眾贊成在一切看起來不錯。 可能是更具技術性的問題

並使用https://fonts.googleapis.com/css?family=Exo+2:400,400italic,700

../js/respond.min.js

這也應該是

../js/respond.min.js