为什么我的 CSS 被阻止（HTML5）？答案

【问题标题】：Why is my css getting blocked (HTML5)?为什么我的 CSS 被阻止（HTML5）？
【发布时间】：2018-04-18 11:55:25
【问题描述】：

我正在用 HTML5 编写，我正在尝试让我的应用程序从在线读取 .css，这应该不是问题。

<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>"

收到错误：

我该如何解除阻止，还是我做错了？

【问题讨论】：

在你的代码中使用https而不是http
请jsFiddle功能粘贴一些代码meta.stackexchange.com/questions/49728/…
谢谢，这成功了。
Mixed Content Page: requested an insecure stylesheet error的可能重复

标签： css html

【解决方案1】：

像下面这样删除http:

<link href='//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>

【讨论】：

【解决方案2】：

从错误消息来看，它抱怨您在 HTTPS 页面上使用 HTTP 资源。看起来您也只需对 CSS 使用 HTTPS。

【讨论】：

【解决方案3】：

从https://... url 导入字体

google font reference

@import url('https://fonts.googleapis.com/css?family=Lato|Roboto');
p:first-child{font-family: 'Roboto';}
p:last-child{font-family: 'Lato';}

<p>https://fonts.google.com<p>
<p>https://fonts.google.com<p>

【讨论】：

【解决方案4】：

尝试复制所需的字体并将其粘贴到您的自定义样式表中。

【讨论】：