阻止加载混合活动内容“http://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900”答案

【问题标题】：Blocked loading mixed active content "http://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900"阻止加载混合活动内容“http://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900”
【发布时间】：2015-12-12 22:38:49
【问题描述】：

我更新了我的网站以使用 SSL 证书。但现在我得到错误

Blocked loading mixed active content "http://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900"

这段代码就是问题所在：

@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900);

有什么办法可以解决这个问题？

例如，我可以下载文件吗？

【问题讨论】：

尝试从网址中删除http:（留下//fonts...）
它现在可以工作了。未下载 CSS 样式表。

标签： html css

【解决方案1】：

只需将 http:// 替换为 https://，如下所示：

https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900

@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900);

【讨论】：

是的，我试过了，但如果使用没有 SSL 的网站，CSS 代码将无法正常工作。
如何从 Google 下载 CSS？
你的意思是css字体吗？如果是，那么您可以从这里下载：google.com/fonts
如果发生这种情况只是因为您将字体作为链接加载，例如：
我的网站设置了 SSL 证书，因此从 http 到 https 的简单切换有效。谢谢。

【解决方案2】：

只需从 url 中删除该协议前缀即可，例如：

@import url(//fonts.googleapis.com/css?family=Roboto:300,400,500,700,900);

【讨论】：