Google字体,SSL,混合内容问题

时间:2016-11-17 03:20:02

标签: html css ssl fonts mixed-content

我遇到了Google网络字体和SSL的问题。基本上我的HTML代码使用“http”调用google web字体的css文件,就像这样,

<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,100' rel='stylesheet' type='text/css'>

正因为如此,我的网站在Google Chrome网址栏中显示“混合内容警告”和“屏蔽”,并且还显示了Firefox网址栏中锁定的感叹号。

所以基本上我把引用网址中的“http”更改为“https”,如下所示:

<link href='https://fonts.googleapis.com/css?family=Roboto:400,300,100' rel='stylesheet' type='text/css'>

并且警告消失......但是......现在谷歌字体无法正确显示。我不知道为什么。

我的网站在这里:

https://www.cleaningleader.com

尝试在本地加载字体,似乎没有用。还尝试使用模式不可知的URL =“// ....”,这也不起作用。

我不知道为什么上面的两个解决方案在我认为应该的时候不起作用。有任何想法吗?请随时详细说明问题以及我所涉及的任何主题。感谢。

0 个答案:

没有答案