Firefox で @font-face を使用してドメイン間でフォントをロードするにはどうすればよいですか?

@font-face を使用したクロスドメイン フォントの読み込み

複数の Web サイトの中央フォント リポジトリを確立しようとして、開発者が次のような問題に遭遇しました。特有の問題: @font-face フォントは、リポジトリが存在するサブドメインでのみアクセス可能でした。他のサイトの font-face.css へのリンクは成功したにもかかわらず、フォントの読み込みに失敗しました。

原因

この動作は、Firefox のセキュリティ ポリシーに起因します。ドメインフォントの埋め込み

解決策

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

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

アクセス制限

変更された .htaccess ではすべての Web サイトがフォントにアクセスできるようになりますが、開発者はアクセスを許可されたユーザーのみに制限したいと表明しました。ただし、Access-Control-Allow-Origin の W3C 仕様では、オプションがワイルドカード「*」または特定のドメインに制限されています。

以上がFirefox で @font-face を使用してドメイン間でフォントをロードするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。