Firefox で外部ドメインからフォントを読み込めないのはなぜですか?

Firefox での CSS @font-face 絶対 URL フォントの読み込みの問題

背景:

CSS @font-face ルールを絶対 URL とともに使用して、別のドメインでホストされているフォントを指定すると、Firefox でのフォントの読み込みで問題が発生する可能性があります。これは、特に複数のサイト間で一貫したスタイルを必要とする場合にイライラすることがあります。

根本原因と解決策:

Firefox はセキュリティのため、外部ドメインからのフォントの読み込みを制限しています。懸念事項。これを解決するには、フォント ホスト サーバーにアクセス コントロール ヘッダー、特に「*」に設定された Access-Control-Allow-Origin または特定の許可されたドメインを含める必要があります。

Apache Web サーバーの場合は、次のコードを に追加します。 htaccess ファイル:

AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
<FilesMatch "\.(ttf|otf|eot)$">
   <IfModule mod_headers.c>
      Header set Access-Control-Allow-Origin "*"
   </IfModule>
</FilesMatch>

サーバーを再起動すると、Firefox は外部ドメインからフォントをロードできるようになり、ロードの問題が解決されます。

以上がFirefox で外部ドメインからフォントを読み込めないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。