コンテンツセキュリティポリシー(CSP)は、web サイトで使用できるスクリプトやリソースを制限するために使用されます。 例えば、CSP を使用して、web サイトでの外部スクリプトの実行を阻止することができます。
CSP と Adobe Fonts の併用は推奨されません
CSP とアドビの web フォントを同じページで使用することは可能ですが、推奨されません。 CSP ポリシーでは、特定のドメインからスクリプトによって追加されるインラインスタイルの例外を設定できません。 スタイルに unsafe-inline 例外を指定すると、すべてのドメインのすべてのスタイルに適用されます。
Adobe Fonts はインラインスタイルとデータ URI としてのフォントを使用してサービスを提供しており、これらに例外を設けると CSP が提供する保護の多くが損なわれます。
CSP の使用
CSP を使用する場合は、以下の手順に従い、セキュリティディレクティブを正しく設定してください。 これらの手順を正しくおこなわなかった場合は、不注意による web フォントサービス利用条件の違反となる可能性もありますので、ご注意ください。
最初に、アドビの CDN(use.typekit.net)からのスクリプトの読み込みを許可するディレクティブを設定します。
script-src 'self' use.typekit.net;次に、use.typekit.net からのスタイルシートの使用を許可し、unsafe-inline を指定して、use.typekit.net を含むすべてのドメインのスクリプトでインラインスタイルの使用を許可する必要があります。 この設定は、フォントイベントを機能させるために必要です。
style-src 'self' 'unsafe-inline' use.typekit.net;最後の要件は、p.typekit.net からの画像の例外です。 フォントが読み込まれると、このドメインからのトラッキング画像を使用してフォントの使用状況が計算され、フォントベンダーに適切な使用料が支払われます。
img-src 'self' p.typekit.net;オプションで、パフォーマンス指標の例外を追加できます。 パフォーマンス指標はランダムな間隔で送信され、フォントネットワークのパフォーマンスを監視するために使用されます。
connect-src performance.typekit.net
これらのディレクティブを合わせて 1 つのポリシーを作成します。また、すべての HTTP(S) 応答に Content-Security-Policy ヘッダーを設定します。 以前のバージョンの Chrome、Firefox および Safari がサポートされるようにするには、X-Content-Security-Policy ヘッダーと X-webKit-CSP ヘッダーも含める必要があります。 詳しくは、W3C の CSP 仕様を参照してください。