ホームページ  >  記事  >  ウェブフロントエンド  >  @font-face を使用して Firefox で外部ドメインからフォントを読み込めないのはなぜですか?

@font-face を使用して Firefox で外部ドメインからフォントを読み込めないのはなぜですか?

Patricia Arquette
Patricia Arquetteオリジナル
2024-11-07 09:17:02977ブラウズ

Why Can't I Load Fonts from an External Domain in Firefox Using @font-face?

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。