谷歌浏览器中没有谷歌字体答案

【问题标题】：No Google fonts working in Google chrome谷歌浏览器中没有谷歌字体
【发布时间】：2012-11-29 18:29:39
【问题描述】：

这里是link

如果您单击黑色部分中的方块，它们会将单词的字体更改为左侧。所有字体都是谷歌字体，但没有一个在谷歌浏览器中工作。我搜索了互联网没有解决方案。所有其他浏览器都可以正常工作。

【问题讨论】：

谷歌浏览器在加载自己的字体时遇到的问题最多。这太荒谬了。

【解决方案1】：

您收到一条错误消息，其中包含更多解释。尝试按 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 即可保护此链接。

【讨论】：

在 URL 中省略 http: 部分会更安全一些，从而将协议默认为页面本身的协议。
谢谢。我不得不为我的开发人员问这个问题。
一个臭名昭著的角色可以破坏您的代码，这真是令人惊讶。 +1，谢谢。它奏效了。

【解决方案2】：

这是浏览器的一项安全功能，可阻止通过https 提供的主机页面中包含的http 内容。修复很简单：只需从所有资源 URL（脚本、样式表等）中删除协议。在您的情况下，字体 CSS 的 URL 变为

//fonts.googleapis.com/css…

请注意，该 URL 没有 http 或 https。

【讨论】：

我希望人们在投票时能够发表评论。对我来说似乎是一个合法的解决方案，但要小心the pitfalls。