Sudah banyak Sobat blogger yang sudah membuat tutorial cara penggunaan font awesome ini di luar
sana. Jadi tutorial ini saya buat untuk blogger pemula seperti saya, yang sudah
karatan di dunia blogging mungkin sudah tidak asing lagi dengan font awesome
ini.
Menggunakan font
awesome dalam blog juga sangat mudah, Sobat hanya
perlu menambahkan CSS berikut dalam di atas </head>
<link href='//netdna.bootstrapcdn.com/font-awesome/4.1.1/css/font-awesome.min.css' rel='stylesheet'/>
Tetapi jika cara di atas menyebabkan error pada PageSpeed Insights,
Soba dapat mencoba mempercepat loading font awesome seperti yang telah saya
bahas sebelumnya.
Cara Menggunakan Font Awesome
Untuk penggunaan Font Awesome secara sederhana, Sobat harus
menambahkan tag
<i> yang
diikuti dengan class nama icon
awesome.<i class=’fa-facebook-square’> </i>Contoh di atas adalah cara menggunakan font awesome secara sederhana. Sedangkan untuk menambahkan style tertentu pada font awesome agar lebih menarik dan sesuai dengan keinginan, Sobat tinggal menambahkan style css sesuka hati. Penulisannya seperti contoh di bawah ini.
<a href='#' title='Facebook'>
<i class=’fa-facebook-square’ style='font-size:115%; color:#FFC000'/> Facebook </a>