如何解决这个混合内容字体问题？

Question

当我通过Twitter api登录我的网站时出现以下错误。

  

混合内容：“https://www.example.com/page/”页面是通过HTTPS加载的，但请求了不安全的字体“http://myntra.myntassets.com/skin2/fonts/1D41FF_1_0.woff”。此请求已被阻止;内容必须通过HTTPS提供。

如何解决此混合内容字体问题？

Answer 1

由于您的主页面正在加载HTTPS，因此您收到的错误是因为您尝试加载的字体使用普通的HTTP，这是混合内容问题来自的地方。您只需从域中删除http:，然后使用//启动它。

示例

//myntra.myntassets.com/skin2/fonts/1D41FF_1_0.woff

这被视为普通链接，但您没有明确声明HTTP或HTTPS。