Firefox で Bootstrap 3 のグリフィコンが「E001」と表示されるのはなぜですか?

Firefox での Bootstrap 3 のグリフィコン表示の問題

Bootstrap 2.3 から Bootstrap 3 に移行すると、グリフィコン アイコンが表示されないという問題が発生する可能性があります正しくは、意図したアイコンではなく「E001」として表示されます。この問題は、他のブラウザではアイコンが正確に表示される一方で、特に Firefox で発生します。

解決策

この動作の最も可能性の高い説明は、カスタマイズされたバージョンの の使用にあります。ブートストラップ。このバージョンでは、パッケージに含まれるフォント ファイルが破損しています (https://github.com/twbs/bootstrap/issues/9925 で示されているように)。この問題を解決するには、次の手順に従います。

1. CDN の使用を避け、次のフォントを手動でダウンロードします。ファイル:

• https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-normal .svg
• https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-normal.woff
• https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-normal.ttf
• https ://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-normal.eot

2. 置換既存のフォント ファイルをダウンロードしたフォント ファイルと並べ替えます。
3. Firefox で CTRL F5 を押して強力な再読み込みを実行し、ブラウザに更新されたファイルを強制的にロードします。

このプロセスにより問題が解決されます。 Firefox のグリフィコン表示付き。

以上がFirefox で Bootstrap 3 のグリフィコンが「E001」と表示されるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。