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

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。