Membuat Icon dengan Font Awesome
Sering kali kita ingin menampilkan icon untuk melengkapi dan mempercantik tampilan konten website, untuk keperluan tersebut kita dapat menggunakan Font Awesome.
Pada panduan ini kita akan menggunakan Font Awesome versi 3.2.1 yang bisa Anda download dan gunakan secara gratis, bahkan untuk keperluan komersial sekalipun.
Silahkan download melalui situs resminya di:
https://fontawesome.com/v3.2.1
Setelah proses download selesai, ekstrak dan letakkan hasilnya pada folder public projek Anda, untuk lebih jelasnya perhatikan gambar berikut:
Kemudian tambahkan baris kode berikut di antara tag <head> dan </head> pada View dengan nama file index.php
<link rel="stylesheet" href="/font-awesome/css/font-awesome.min.css">
Untuk melihat daftar icon yang dapat digunakan, silahkan kunjungi situs:
https://fontawesome.com/v3.2.1/icons.
Untuk menggunakan icon silahkan klik salah satu icon yang Anda ingin gunakan. Berikut adalah contoh jika Anda akan menggunakan icon-map-marker
Tambahkan baris kode berikut di antara tag <body> dan </body> dalam View index:
<i class="icon-map-marker"></i> Contoh penggunaan Font Awesome
Jika sudah selesai simpan perubahannya dan kemudian lihatlah hasilnya.
Jika muncul icon “map marker” seperti gambar di atas maka itu menandakan bahwa Font Awesome sudah dapat digunakan pada web projek Anda.