Mengapa Icon Font Awesome Tidak Muncul

Posted on

Beberapa blog saya yang menggunakan icon Font Awesome Bootstrap awalnya aman-aman saja dalam arti icon muncul dengan sempurna tanpa kendala. Namun entah kapan mulainya, tiba-tiba saya melihat di salah satu blog yang menggunakan icon Font Awesome berubah menjadi kotak-kotak atau berwujud tulisan kecil yang nggak jelas. Lantas saya mencoba membuka blog lain, ternyata sama! Icon Font Awesome Tidak Muncul.

Pikiran saya mungkin maxcdn.bootstrapcdn.com sebagai penyedia Font Awesome bermasalah atau koneksi internet saya lemot. Akan tetapi, saya melihat di beberapa blog lain ada yang muncul dan ada yang tidak muncul. Mengapa hal ini bisa terjadi pada blog saya yang sebelumnya tidak ada masalah? Saya tidak melakukan apapun terhadap theme atau template.

Sebagai contoh, ini hasil screenshot dimana Icon Font Awesome tidak muncul atau tidak berfungsi yang ditandai huruf kotak-kotak (dalam lingkaran).

bootstrap font awesome tidak muncul
Icon font awesome tidak muncul

 

Mengapa Icon Font Awesome Tidak Muncul?

Lantas saya mencoba memeriksa template untuk blog yang menggunakan blogspot.com dan theme untuk blog yang menggunakan wordpress yang menggunakan maxcdn.bootstrapcdn.com.

Di template blogger saya melihat ada:

<link href='//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css' rel='stylesheet' type='text/css'/>

dan

<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css' id='fontawesome' rel='stylesheet' type='text/css'/>

Di wordpress pun menemukan yang mirip seperti itu. Barangkali ini penyebab tidak munculnya Icon Font Awesome. Akhirnya saya ubah dengan cara menambah https: di depan ‘//maxcdn.bootstrapcdn.com/…’ menjadi

link href='https://maxcdn.bootstrapcdn.com/....

Setelah diubah, saya coba refresh blog dan akhirnya Icon Font Awesome muncul kembali menggantikan tulisan yang sebelumnya kotak-kotak. Ini hasilnya:

bootstrap font awesome muncul kembali
akhirnya Icon font awesome dapat tampil

 

Akhirnya semua blog saya yang menggunakan icon Font Awesome Bootstrap dapat kembali normal tidak ada tulisan atau huruf kotak-kotak lagi. Beberapa situs atau blog rekan milik rekan saya yang Icon Font Awesome tidak berfungsi saya coba sarankan untuk mengganti atau menambah https: di depan “//maxcdn.bootstrapcdn.com/…” jika menggunakan link tersebut.

Jadi bukan masalah koneksi internet. Kemungkinan juga adalah masalah browser. Browser Chrome atau mozzila yang saya pakai telah saya update terbaru dan sepertinya tidak bisa merender url Font Awesome lama. Atau ada masalah lain, mengapa Icon Font Awesome tidak muncul atau tidak berfungsi.

 

Icon Font Awesome Tidak Muncul – Lentera Belajar SEO

 

One thought on “Mengapa Icon Font Awesome Tidak Muncul

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *