Bootstrap アイコンがオンラインで表示されないのはなぜですか?

オンラインでブートストラップ アイコンにアクセスできない

ローカルではブートストラップ アイコンが正しく表示されるが、Web サイトがオンラインでアクセスされると正しく表示されないという特有の問題が発生しましたか?これは、ブラウザがフォントにアクセスしようとする方法の問題に遡ることができます。

ローカルでは、ブラウザは Content/fonts/glyphicons-halflings-normal.woff を検索してアイコン フォントをロードすることを認識しています。ただし、Web サイトがオンラインで読み込まれると、/fonts/glyphicons-halflings-normal.woff にあるフォントにアクセスしようとします。

この問題を解決するには、バンドル構成を調整することを検討してください。具体的には、バンドル名に「Content」プレフィックスが含まれていることを確認してください。

調整されたバンドル構成

たとえば、Web サイトのファイル構造が次のように構成されている場合:

Content/

バンドル構成は次のようになります。

バンドル名に「Content」接頭辞を組み込むことで、ブラウザーに明示的に検索を指示します。対応するディレクトリ内のバンドルされたファイルの場合。これにより、Web サイトがローカルにアクセスされるかオンラインにアクセスされるかに関係なく、ブラウザーがブートストラップ アイコンを正確に見つけて表示できるようになります。

以上がBootstrap アイコンがオンラインで表示されないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。