Cara Memperbaiki Font Awesome Yang Tidak Muncul

Font Awesome | Hari ini saya akan membagikan tutorial blogger mengenai font awesome. Setelah download template dari arlina saya masih heran kenapa font awesome tidak muncul dan berbentuk kotak-kotak yang gak jelas. Saya sudah lama mencari tutorial ini dari google dan akhirnya ketemu juga :D. Baik berikut tutorialnya.

Pertama : Masuk / login ke akun blogger anda > Template > Edit HTML

Kedua : Cari <style> dan paste css berikut tepat dibawah  <style>

@font-face{font-family:FontAwesome;src:url(https://netdna.bootstrapcdn.com/font-awesome/3.2.1/font//fontawesome-webfont.eot?#iefix) format('eot'),url(https://netdna.bootstrapcdn.com/font-awesome/3.2.1/font//fontawesome-webfont.woff) format('woff'),url(https://netdna.bootstrapcdn.com/font-awesome/3.2.1/font//fontawesome-webfont.ttf) format('truetype'),url(https://netdna.bootstrapcdn.com/font-awesome/3.2.1/font//fontawesome-webfont.svg#FontAwesome) format('svg');font-weight:400;font-style:normal;}
[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;margin-right:.3em}
[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none}

Ketiga : Simpan template dan lihat hasilnya

Cara ini work di semua browser dan versi mobile

Dedi  Thursday, January 01, 2015 

CSS Tips Blogger