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

Question

我正在用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'>"

收到错误：

如何解除阻止或我做错了？

Answer 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'>

Answer 2

从错误消息判断，它抱怨您在HTTPS页面上使用HTTP资源。看起来你只需要为CSS使用HTTPS。

Answer 3

  

从https://...网址

导入字体

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>

Answer 4

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