ホームページ >ウェブフロントエンド >CSSチュートリアル >@font-face を使用して Firefox で外部ドメインからフォントを読み込めないのはなぜですか?
CSS @font-face 外部ドメインからの絶対 URL: Firefox でのフォント読み込みの問題を解決する
ストア セクションを開発しようとしていますShopify では、別の Pagodabox サーバーでホストされているフォントが Firefox バージョン 13.0.1 で読み込めないという問題が発生しました。彼らの CSS はフォントを参照するために絶対 URL を使用しており、問題の原因を特定するために助けを求めていました。
Firefox は、@font-face を使用して外部ドメインからのフォントの読み込みを制限するセキュリティ対策を実施しています。フォント ソースが別のサーバーにある場合は、アクセス コントロール ヘッダー、具体的には「*」または承認されたドメインのいずれかに設定された Access-Control-Allow-Origin ヘッダーを伴う必要があります。
これに対処するにはこの問題を解決するには、Apache 構成を .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>
指定された構成を .htaccess ファイルに追加すると、Firefox はアクセス コントロール ヘッダーを認識し、外部 Pagodabox ドメインでホストされているフォントを正常にロードできるようになります。
以上が@font-face を使用して Firefox で外部ドメインからフォントを読み込めないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。