Mengapa Icon Font Awesome Tidak Muncul

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).

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:

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.