Mengapa Glyphicon Saya Tidak Dipaparkan dengan Betul dalam Bootstrap 3?

Menyelesaikan Masalah Paparan Glyphicon yang Tidak Betul dalam Bootstrap 3

Dalam penghijrahan anda daripada Bootstrap 2.3 ke Bootstrap 3, anda menghadapi isu di mana ikon glyphicon tidak dipaparkan dengan betul. Isu ini amat berleluasa dalam Firefox.

Asal usul Masalah:

Masalah ini berpunca daripada isu dengan fail fon yang disertakan dalam versi tersuai Bootstrap. Fail ini rosak, mengakibatkan paparan ikon yang tidak betul.

Penyelesaian:

Untuk menyelesaikan masalah ini, anda boleh memuat turun fail fon secara manual dan menggantikan fail anda sendiri atau hanya gunakan CDN.

Muat Turun Manual Pilihan:

1. Lawati pautan berikut untuk memuat turun fon fail:

   • https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.s vg
   • https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.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-regular.eot
2. Ganti fail fon sedia ada dengan yang dimuat turun dalam direktori pemasangan Bootstrap anda.
3. Lakukan muat semula yang kuat (CTRL F5) untuk menggunakan perubahan.

Pilihan Penggunaan CDN:

Jika anda lebih suka menggunakan CDN, anda tidak perlu menggantikan fail fon secara manual. Hanya masukkan pautan CDN berikut dalam HTML anda:

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

Ini akan memastikan bahawa fail fon yang betul dimuatkan daripada CDN, menyelesaikan isu paparan ikon.

Atas ialah kandungan terperinci Mengapa Glyphicon Saya Tidak Dipaparkan dengan Betul dalam Bootstrap 3?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!