Bootstrap 3 でグリフィコンが正しく表示されないのはなぜですか?

Bootstrap 3 での不適切なグリフィコン表示のトラブルシューティング

Bootstrap 2.3 から Bootstrap 3 への移行中に、グリフィコン アイコンが正しく表示されない問題が発生しました。この問題は、Firefox で特によく発生します。

問題の原因:

この問題は、Bootstrap のカスタマイズされたバージョンに含まれるフォント ファイルの問題に起因します。これらのファイルは壊れているため、アイコンが正しく表示されません。

解決策:

これを解決するには、フォント ファイルを手動でダウンロードして独自のファイルを置き換えるか、単にフォント ファイルを置き換えます。 CDN を使用します。

手動ダウンロード オプション:

1. フォント ファイルをダウンロードするには、次のリンクにアクセスしてください:

   • 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- Regular.ttf
   • https://netdna. bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-normal.eot
2. 既存のフォント ファイルを、Bootstrap インストール ディレクトリにダウンロードしたフォント ファイルと置き換えます。
3. 強力なリロード (CTRL F5) を実行して、変更を適用します。

CDN 使用オプション:

CDN を使用したい場合は、そうします。フォント ファイルを手動で置き換える必要はありません。次の CDN リンクを HTML に含めるだけです:

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">

これにより、正しいフォント ファイルが CDN からロードされ、アイコン表示の問題が解決されます。

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