css - 当托管在 Google Drive 上时，Google Web Font 不会在 Chrome 中显示

Question

我有一个奇怪的网络字体问题。我使用的是谷歌网络字体，当我从本地主机查看时，一切看起来都很好。我什至在我的笔记本电脑上运行了 MAMP，所以我可以从实际服务器上看到它应该是什么样子。同样，一切看起来都很好。但是，一旦我将文件上传到 Google 云端硬盘以便共享文件，字体就会停止在 Chrome 中显示。它适用于 Safari、Firefox、iOS Safari，甚至 iOS Chrome，但它不适用于我笔记本电脑上的 Chrome。

操作系统:Mac OS X 10.8.4
Chrome:31.0.1650.63 - 在本地工作，在 Google Drive 中不工作
Safari:6.0.5 - 在本地和 Google Drive 上都可以正常工作
Firefox:5.0.1 - 在本地和 Google Drive 上都可以正常工作
iOS Safari - 在本地和 Google Drive 中都可以正常工作
iOS Chrome - 在本地和 Google Drive 上都能正常工作

有问题的页面: https://googledrive.com/host/0B0LF26cYLcG7ZThfUGF5TFE1eUE/index.html

Answer 1

您的应用在 HTTPS 下的 google drive 中，但您尝试从 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。它将对你有帮助。