Firefox でサブドメインの @font-face フォントを使用できないのはなぜですか?

クロスドメイン @font-face ブロック

フォント リポジトリを確立しようとすると、@font が次のような問題に遭遇しました。サブドメイン内の -face 宣言は、そのサブドメイン内でのみアクセスできます。 Firebug は、font-face.css ファイルの読み込みが成功したことを確認しますが、他のサイトでフォントの読み込みが失敗することに戸惑うことになります。

Firefox のクロスドメイン制限

根本原因はFirefoxのセキュリティ対策にあります。これにより、サブドメインを含むドメイン間でのフォントの埋め込みが防止されます。この措置は、潜在的な悪意のあるアクティビティから保護することを目的としています。

htaccess ファイルの変更

Firefox でこの制限を克服するには、サブドメインのトップレベルの .htaccess ファイルを変更します。次のコード:

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

このコードは、クロスオリジン フォントの読み込みを許可するヘッダーを応答に追加します。

アクセスの制限

当初はフォント リポジトリへの排他的アクセスを自分自身に付与しようとしましたが、Access-Control-Allow-Origin の W3C 仕様では、ワイルドカード "*" または特定のドメインのみが許可されています。より詳細なアクセス制御を実装するオプションがあるかどうかを判断するには、さらなる調査が必要です。

以上がFirefox でサブドメインの @font-face フォントを使用できないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。