我如何检查谷歌字体请求的来源？

Posted 2023-03-06

【中文标题】我如何检查谷歌字体请求的来源？

【英文标题】：how can i check where the google font request is coming from?

【发布时间】：2016-11-11 08:50:34

【问题描述】：

我最近在我的 (prestashop) 网站上安装了 SSL 证书。 我的网站不会显示绿色条，因为： 混合内容：“网站”页面通过 HTTPS 加载，但请求的样式表不安全“http://fonts.googleapis.com/css?family=Open+Sans:400,800,300,700”。此请求已被阻止；内容必须通过 HTTPS 提供。 我什至不使用这种字体。 我检查了一些 css 文件和 tpl 头文件，但我找不到这个请求来自哪里。

当我在谷歌浏览器中检查元素时，我唯一能找到的是： 'http://fonts.googleapis.com/css?family=Open+Sans:400,800,300,700'

有没有一种简单的方法可以查看这个请求来自哪个文件？

【问题讨论】：

尝试在资源链接/包含中将任何 http:// 更改为 //。这应该指示客户端使用与网站请求相同的协议（例如，website 将加载 fonts.google...，而 https:// 将加载 https://）

按 F12 并查看您的网络日志，它应该为您提供更多信息。查看源并搜索它，看看你是否可以在那里找到它。为 url 获取源代码。最终它可能会被注入到许多地方，但即使不知道您使用的是什么类型的后端，我们也很难提供帮助。

你网站的网址是什么？

【参考方案1】：

请求来自 static-captions.css

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800,300,700);

.tp-caption.roundedimage img 
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px;

试试这个

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,800,300,700);

.tp-caption.roundedimage img 
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px;

也许 google 会重写嵌入在该 css 响应中的方案。

这似乎是导致问题的 prestashop 模块。是否有一个名为“Rev Slider”或类似的模块。尝试删除它，看看问题是否消失。