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

王林
リリース: 2023-05-21 17:43:06
転載
1295 人が閲覧しました

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

関連ラベル:
ソース:yisu.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート