Rumah > hujung hadapan web > tutorial css > Mengapa Ikon Hebat Fon Saya Tidak Dipaparkan?

Mengapa Ikon Hebat Fon Saya Tidak Dipaparkan?

Patricia Arquette
Lepaskan: 2024-10-30 11:08:29
asal
635 orang telah melayarinya

Why Aren't My Font Awesome Icons Showing Up?

Ikon Hebat Fon Memaparkan Isu: Penyelesaian

Jika anda mengalami masalah di mana ikon Font Awesome tidak muncul di tapak web anda walaupun disertakan fail yang diperlukan, pertimbangkan petua penyelesaian masalah berikut:

  • Sahkan Pautan CDN: Pastikan anda menggunakan pautan yang betul ke CDN. Sebagai contoh, gunakan:
<link 
  href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css" 
  rel="stylesheet"  type='text/css'>
Salin selepas log masuk
  • Sambungan Selamat: Jika menggunakan HTTPS, paut ke CSS Font Awesome menggunakan HTTPS juga.
  • Lumpuhkan Penyekat Iklan: AdBlock Plus atau uBlock mungkin menghalang ikon daripada dimuatkan. Lumpuhkan mereka dan cuba lagi.
  • Tetapkan Semula Cache Penyemak Imbas: Kosongkan cache penyemak imbas anda untuk memaksanya mengambil fail terkini.
  • Gunakan Keluarga Fon dengan Betul: Elemen yang menggunakan kelas Font Awesome mestilah tergolong dalam keluarga font FontAwesome. Ia sepatutnya:
<i class="fa fa-pencil" title="Edit"></i>
Salin selepas log masuk
  • Elakkan Penggantian fon-family: Pastikan CSS anda tidak mengatasi fon FontAwesome:
<code class="css">* {
  font-family: 'Josefin Sans', sans-serif !important;   
}</code>
Salin selepas log masuk
  • Keserasian IE8: Jika menggunakan IE8, masukkan Shim HTML5.
  • Penyelesaian Masalah Tambahan: Rujuk Wiki Font Awesome untuk penyelesaian masalah selanjutnya pilihan.

Atas ialah kandungan terperinci Mengapa Ikon Hebat Fon Saya Tidak Dipaparkan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan