Rumah > hujung hadapan web > tutorial css > Ikon Hebat Fon Tidak Dipaparkan? Inilah Perkara yang Perlu Disemak!

Ikon Hebat Fon Tidak Dipaparkan? Inilah Perkara yang Perlu Disemak!

Barbara Streisand
Lepaskan: 2024-11-08 19:48:02
asal
228 orang telah melayarinya

Font Awesome Icons Not Rendering? Here's What to Check!

Ikon Hebat Fon Tidak Dipaparkan? Semak Pembetulan Biasa Ini

Menemui ikon Font Hebat yang hilang di tapak web anda walaupun memasukkan fail yang diperlukan boleh mengecewakan. Berikut ialah beberapa penyelesaian yang berpotensi:

  1. Sahkan Pautan CDN: Pastikan anda menggunakan pautan CDN yang betul untuk merujuk lembaran gaya Font Awesome, cth.:
<code class="css"><link 
  href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css" 
  rel="stylesheet"  type='text/css'></code>
Salin selepas log masuk
  1. Semak Penggunaan HTTPS: Jika halaman anda menggunakan HTTPS, pastikan anda memaut ke CSS menggunakan HTTPS (ganti http:// dengan https://).
  2. Lumpuhkan Penyekat Iklan: AdBlock Plus atau uBlock mungkin mengganggu ikon rendering; nyahdayakannya dan cuba lagi.
  3. Kosongkan Cache Penyemak Imbas: Tetapkan semula cache penyemak imbas anda untuk permulaan baharu (pada Chrome, lakukan tetapan semula cache keras dengan mengklik lama butang muat semula).
  4. Pastikan Penggunaan Keluarga Fon: atau elemen mesti termasuk keluarga fon FontAwesome, cth.:
<code class="html"><i class="fa fa-pencil" title="Edit"></i></code>
Salin selepas log masuk
  1. Kecualikan Gaya CSS Pengganti: Elakkan penggantian CSS seperti ini, yang boleh menghalang pemaparan ikon:
<code class="css">* {
  font-family: 'Josefin Sans', sans-serif !important;   
}</code>
Salin selepas log masuk
  1. Gunakan HTML5 Shim untuk IE8: Jika menggunakan IE8, HTML5 shim mungkin diperlukan untuk menyokong teknologi moden.
  2. Rujuk Font Awesome Wiki: Untuk petua penyelesaian masalah tambahan, rujuk kepada Font Awesome Wiki khusus bahagian penyelesaian masalah.

Atas ialah kandungan terperinci Ikon Hebat Fon Tidak Dipaparkan? Inilah Perkara yang Perlu Disemak!. 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