2017-08-16 3 views
0

otfフォントを含む「フォント」というローカルフォルダがあります。そして、@ font-faceルールを使ってフォントファミリを定義します。 base64で、T1RUTwAMAIAAAwBAQ0ZGINEulzEAAA94AACBwUdQT1MGggFzAACRPAAAKuxHU1VCV7A5EAAAvCgAAApeT1MvMlhzMAgAAAEwAAAAYGNtYXB8/3N7AAAJFAAABkJoZWFkAfQ0RwAAAMwAAAA2aGhlYQeiBSYAAAEEAAAAJGhtdHhDg3HpAADGiAAACHhrZXJug42ekAAAzwAAAG6IbWF4cAIeUAAAAAEoAAAABm5hbWUW0pxRAAABkAAAB4Jwb3N0/7gAMgAAD1gAAAAgAAEAAAABAIMQhDPpXw889QADA;フォント/ OpenTypeの:フォントの読み込み中にコンテンツセキュリティポリシーエラーが発生しました

フォントのデータをロードすることを拒否:このエラーはクロームコンソールで示しているため

問題が、である私は、フォントををロードし得ていないのです+ gAAAAAz37b1wAAAADPfxQX/5T + zgRLBCgAAAADAAIAAAAAAAAAAQAAA8D/EAAABGr/LP + NBEsAAQAAAAAAAAAAAAAAAAAAAh4AAFAAAh4AAAADAnwBdwAFAAQCigJYAAAASwKKAlgAAAFeADIBRAAAAAAAAAAAAAAAAKAAAv9AAABbAAAAAAAAAABIJ ... CAIV/qATcAI // kATcAKQAHATcALv/kATcAMP/qATcAMv/tATcANf/QAT cANv/qATCAOP/xATCAOv/1ATcAPv/1ATcAQP/1ATcAQv/1ATcASP/1ATcATP/1ATcAUv/pATcAU // kATcAW // kATcayf/kATcAZ // kATcAZ // kATcAm // pATcAnP/kATcAn // pATcAoP/kATcAof/pATcAov/kATcAo // pATcApP/kATcAqf/pATcAqv/kATcArf/pATcArv/kATcAt // 1ATcAuP/tATcA6f/xATcA7f/xATcA + V/pATcA + // kATcBB // VAUIAAf + jAUIACv +/AUIAHP/uAUIAOv + jAUIAPv + jAUIAQP + jAUIAQv + jAUIASP + jAUIATP + jAUIA9v + lAUgBAv /次のコンテンツ・セキュリティ・ポリシー・ディレクティブ: "font-src-https // fonts"に違反しているため、zAUgBB // bAUgBCv/zAUgBDf/3AUoBAv/zAUoBB // bAUoBCv/pAUoBDP/3AUoBDf/3AUwBAwASAUwBB // JAUwBCv/pAVcBB // JAVgBB // J ' .gstatic.com https // fonts.googleapis.com "

これはFirefox/Safariでも発生します。

私はちょうど「タイトル」タグが、動作していないのいずれかの下で、私のindex.htmlにこれを追加しました:

誰もが、私にヒントをください与えることはできますか?次のようにメタタグを解決する

+0

私はこの質問を投稿することができることにために、URLのメタタグ内をマスクします。 – user2634368

+0
+0

index.htmlファイルContent-Security-Policyのレスポンスヘッダーが提供されているか、またはメタ要素がCSPポリシーを設定する唯一のものですか? – sideshowbarker

答えて

1

更新:これは、データ・スキームを経由してロードするフォントのリソースを許可する

<meta http-equiv="Content-Security-Policy" content="font-src data: https://fonts.gstatic.com https://fonts.googleapis.com">

。コンテンツセキュリティポリシーを参照してください詳細については

https://content-security-policy.com/

+0

こんにちは@ seb-cooper、ご返信いただきありがとうございます。しかし、それはまだうまくいきません:-( – user2634368

+1

@ user2634368あなたがmeta要素に変更を加えた後に、どんなエラーメッセージが表示されるのですか?meta要素のこのポリシーは、meta要素だけがCSPを設定しているしかし、ドキュメントがContent-Security-Policyのレスポンスヘッダー(データを許可しない)を使って提供されている場合はうまくいきません:font-srcのソースとして – sideshowbarker

+1

Seb Cooperありがとうございました。問題。 – user2634368

関連する問題