フォントに関連する「混合アクティブコンテンツの読み込みがブロックされました」の問題

サポート
1

ブラウザのコンソールに次のエラーが表示されます。
しかし、どうすれば修正できるか分かりません。最初から https:// になっているのに、すべて正常に動作しています。異なるフォントを使用するためにウィザードを再起動してみましたが、効果はありませんでした。
この問題を修正する方法について、何かアイデアはありますか？よろしくお願いします！


"http://<domain>.com/fonts/Mukta-Bold.ttf?v=0.0.8" の読み込みがブロックされました（混合アクティブコンテンツ）

[css-logic.js:517:31](resource://devtools/shared/inspector/css-logic.js)

"http://<domain>.com/fonts/Mukta-Regular.ttf?v=0.0.8" の読み込みがブロックされました（混合アクティブコンテンツ）

[css-logic.js:517:31](resource://devtools/shared/inspector/css-logic.js)

"http://<domain>.com/fonts/Mukta-Regular.ttf?v=0.0.8" の読み込みがブロックされました（混合アクティブコンテンツ）

[all_results](https://<domain>.com/admin/site_settings/category/all_results?filter=extensions)

ダウンロード可能なフォント：ダウンロードの開始に失敗しました（font-family: "Mukta" style:normal weight:400 stretch:100 src index:0）：コンテンツがブロックされました。ソース: http://<domain>.com/fonts/Mukta-Regular.ttf?v=0.0.8

"http://<domain>.com/fonts/Mukta-Bold.ttf?v=0.0.8" の読み込みがブロックされました（混合アクティブコンテンツ）

[all_results](https://<domain>.com/admin/site_settings/category/all_results?filter=extensions)

ダウンロード可能なフォント：ダウンロードの開始に失敗しました（font-family: "Mukta" style:normal weight:700 stretch:100 src index:0）：コンテンツがブロックされました。ソース: http://<domain>.com/fonts/Mukta-Bold.ttf?v=0.0.8
2

ページ内で言及されているリソースのURLが実際に「https」で始まっているか確認してください。「http」URL で読み込まれるリソースは、混合コンテンツと見なされます。

一時的な回避策として、問題のあるページに以下のメタタグを含めることができます。

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

根本的な原因を特定する間、この設定により混合リソースの読み込みを「https」経由で促すことができます。

3

@griffin ご回答ありがとうございます！
私は通常通り Discourse を以下のようにインストールしました。

discourse-setup

私のドメインは HTTPS 下にあり、すべて正常に動作しています（画像や添付ファイルなども含めて）。
しかし、同じ Discourse 環境でフォントに関するエラーを受け取っています。

これで問題が解決したようです。ありがとうございます！

問題の根本原因は依然として不明ですが、後で調べてみるかもしれません。

4

パッチが効いたようで何よりです！ :blush:

おそらく、フォントパッケージの読み込みに関連するいくつかの URL に「http」が含まれているのでしょう。これは、url ソースを使用する際の CSS @font-face ルール や Google Fonts API でよく起こる現象です。

5

@griffin ええ、問題は「http」が私の Discourse サイトに飛んでしまうことです。フォントは Discourse ウィザードから選択したものです。

6

この問題が発生するページの URL を共有していただけますか？

7

完了しました。個別メッセージをご確認ください。

8

Discourse チームへ：

当面は応急処置で対応可能です。標準的な Discourse インストールにおけるフォント選択のバグは残っています。これはデスクトップビューでのみ顕著で、モバイルでは確認できない可能性があります。