ホームページ 運用・保守 Nginx Apache/Nginx環境のFirefoxでFont Awesomeが表示されない問題の解決方法

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

May 21, 2023 pm 05:43 PM
apache nginx firefox

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

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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Windowsでnginxを構成する方法 Windowsでnginxを構成する方法 Apr 14, 2025 pm 12:57 PM

Windowsでnginxを構成する方法は? nginxをインストールし、仮想ホスト構成を作成します。メイン構成ファイルを変更し、仮想ホスト構成を含めます。 nginxを起動またはリロードします。構成をテストし、Webサイトを表示します。 SSLを選択的に有効にし、SSL証明書を構成します。ファイアウォールを選択的に設定して、ポート80および443のトラフィックを許可します。

Dockerによってコンテナを起動する方法 Dockerによってコンテナを起動する方法 Apr 15, 2025 pm 12:27 PM

Docker Containerの起動手順:コンテナ画像を引く:「Docker Pull [Mirror Name]」を実行します。コンテナの作成:「docker create [options] [mirror name] [コマンドとパラメーター]」を使用します。コンテナを起動します:「docker start [container name or id]」を実行します。コンテナのステータスを確認してください:コンテナが「Docker PS」で実行されていることを確認します。

Dockerコンテナの名前を確認する方法 Dockerコンテナの名前を確認する方法 Apr 15, 2025 pm 12:21 PM

すべてのコンテナ(Docker PS)をリストする手順に従って、Dockerコンテナ名を照会できます。コンテナリストをフィルタリングします(GREPコマンドを使用)。コンテナ名(「名前」列にあります)を取得します。

Nginxが開始されるかどうかを確認する方法 Nginxが開始されるかどうかを確認する方法 Apr 14, 2025 pm 01:03 PM

nginxが開始されるかどうかを確認する方法:1。コマンドラインを使用します:SystemCTLステータスnginx(Linux/unix)、netstat -ano | FindStr 80(Windows); 2。ポート80が開いているかどうかを確認します。 3.システムログのnginx起動メッセージを確認します。 4. Nagios、Zabbix、Icingaなどのサードパーティツールを使用します。

Docker用のコンテナを作成する方法 Docker用のコンテナを作成する方法 Apr 15, 2025 pm 12:18 PM

Dockerでコンテナを作成します。1。画像を引く:Docker Pull [ミラー名]2。コンテナを作成:Docker Run [Options] [Mirror Name] [コマンド]3。コンテナを起動:Docker Start [Container Name]

CentosでZookeeperクラスターを構築する方法 CentosでZookeeperクラスターを構築する方法 Apr 14, 2025 pm 02:09 PM

ZookeeperクラスターをCentOSシステムに展開するには、次の手順が必要です。環境はJavaランタイム環境をインストールする準備ができています。次のコマンドを使用してJava 8開発キットをインストールします。 WGETコマンドを使用して、Zookeeper-3.8.xを実際のバージョン番号にダウンロードして置き換えます:wgethttps://downloads.apache.or

CENTOSシステムの障害を解決する方法 CENTOSシステムの障害を解決する方法 Apr 14, 2025 pm 01:57 PM

CENTOSシステムの障害を解決するには多くの方法があります。いくつかの一般的な手順と手法は次のとおりです。1。ログファイル/var/log/メッセージを確認します。これには、さまざまなシステムイベントが含まれています。 /var/log/secure:SSHログインの試行などのセキュリティ関連ログ。 /var/log/httpd/error_log:Apacheサーバーを使用する場合、ここにエラーメッセージが表示されます。 2。診断ツールを使用するDMESG:ハードウェアやドライバーの質問を理解するのに役立つカーネルリングバッファーの内容を表示

nginxを開始する方法 nginxを開始する方法 Apr 14, 2025 pm 01:06 PM

質問:nginxを開始する方法は?回答:nginxスタートアップnginx検証nginxはnginxを開始しました他のスタートアップオプションを自動的に開始

See all articles