クロスドメイン Web フォントの埋め込みに対する Firefox の制限を克服するにはどうすればよいですか?

クロスドメイン Web フォントの埋め込みと Firebug の頑固さ

一元化されたフォント リポジトリを確立しようとする場合、フォントが異なるドメイン間でアクセスされます。ただし、特定のブラウザでは、特にサブドメインの場合に制限が課される場合があります。

この状況では、Firebug により、font-face.css ファイルは正常に読み込まれていますが、フォントが正しくレンダリングされていないことがわかります。これは、クロスドメイン Web フォントの埋め込みに対する Firefox のポリシーによるものと考えられます。

このハードルを克服するには、フォントをホストしているサブドメインの .htaccess ファイルに次のコードを追加します。

<FilesMatch "\.(ttf|ttc|otf|eot|woff)$">
    <IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "*"
    </IfModule>
</FilesMatch>

このコードは、フォント ファイルにアクセスする権限をすべてのドメインに付与します。

さらに、次の点についての懸念について言及しました。自分自身のみにアクセスを制限します。 Access-Control-Allow-Origin 仕様では特定のドメインを指定できますが、現在、Origin ヘッダーの検証をサポートする既知のブラウザーはありません。その結果、フォント リポジトリの希望レベルの独占性を達成する際に課題が発生する可能性があります。

以上がクロスドメイン Web フォントの埋め込みに対する Firefox の制限を克服するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。