如何解決這個混合內容的字體問題？

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。