Apache/Nginx環境のFirefoxでFont Awesomeが表示されない問題の解決方法

1. nginx サーバー ソリューション

サーバーは nginx を使用しており、access-control-allow-origin フィールドを応答ヘッダーに追加するには、add_header ディレクティブを使用します。 :

設定例:

コードをコピーします。 コードは次のとおりです:

location /assets/ {
gzip_static on;
有効期限は max;
add_header Cache-control public;
add_header access-control-allow-origin *;
}

2. Apache サーバー ソリューション

フォント 素晴らしい (Firefox Firefox を表示できません 表示できません) クロスドメイン (クロスドメインの問題)

問題

セキュリティ上の理由から、Firefox では単に次のことが許可されていないようです。デフォルトでは、ドメインでホストされておらず、サブドメインでもホストされていないフォントを使用します。この場合、CDN ベースの Web サイトも影響を受ける可能性があります。

#解決策

#いくつかの調査の後、回避策を見つけました。access-control-allow-origin ヘッダーをフォントに設定します。

コードをコピーします。コードは次のとおりです。

< filesmatch "\.(ttf| otf|eot|woff)$">

header set access-control-allow-origin "*"

また、ウェブサーバーとして nginx を使用している場合は、仮想ホスト ファイルに以下のコードを含める必要があります:

コードをコピーします。コードは次のとおりです。

location ~* \.(eot|otf|ttf|woff)$ {

add_header access-control-allow-origin *;
}

以上がApache/Nginx環境のFirefoxでFont Awesomeが表示されない問題の解決方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。