Kita tahu bahwa font awesome merupakan font untuk menampilkan icon-icon apa saja di blog, sudah pasti setiap template atau tutorial mayoritas menggunakan font awesome. Namun saat ini cara mendapatkan embed font awesome berubah secara signifikan.
Jika awalnya kita tinggal copy paste JS font awesome sehingga setiap blog memiliki kode JS yang sama sesuai versi yang ada, seperti dibawah ini
<script src="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"></script>
Sekarang cara mendapatkan embed font awesome justru berbeda dengan kode yang berbeda pula. Maksudnya jika anda memiliki beberapa blog, bisa jadi kode JS-nya tidak sama, coba anda masukkan email pada link dibawah ini untuk mendapatkan embed font awesome yang selanjutnya akan dikirim via email.
Embed font awesome
Biasanya seperti ini:
<script async="" src="https://use.fontawesome.com/KODE-UNIK.js"></script>
Atau seperti ini
<script async="async" src="https://use.fontawesome.com/KODE-UNIK.js"></script>
Atau seperti ini
<script async="async" defer="defer" src="https://use.fontawesome.com/KODE-UNIK.js"></script>
Atau seperti ini
<script type='text/javascript'>
//<![CDATA[
(function() {var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://use.fontawesome.com/KODE-UNIK.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();
//]]>
</script>
yang semuanya untuk mencegah terjadinya render blocking di page speed, bisa anda coba script yang mana anda suka. Setelah saya kontak sama mas adhy suryadi (kompiajaib.com) ternyata perbedaan embed font awesome tetap memiliki fungsi yang sama, jadi anda tidak perlu khawatir dan tidak perlu galau apalagi sampe stres tingkat tinggi.
Ya sudah cukup demikian sekedar info yang mungkin berguna bagi anda.
Artikel Terkait