Jika pada artikel sebelumnya saya sudah menulis tentang kumpulan font ikon terbaik di web, maka kali ini saya akan share kode yang digunakan untuk memanggil font dalam font Awesome. Alasan saya memilih font awesome karena memang tadinya template yang saya pakai menggunakan font awesome untuk font iconnya. Meskipun tadinya versi yang disediakan hanya versi 3.0 sehingga saya harus merubah lagi kodenya pada versi terbaru font awesome (4.2.0).

         Contoh Live

Nah, kebetulan karena saya sendiri oprek kode ikon font awesome dan merasa kesulitan jika harus mencari referensi kode secara online, maka akhirnya saya membuat kode lengkap font awesome 4.2.0 offline. Sehingga kapanpun kita memerlukan referensi kodenya kita bisa langsung buka di web browser tanpa harus online atau terhubung dengan internet. Silahkan Download kode lengkap Font Awesome. File ini saya sederhanakan dari sumber aslinya di situs http://fortawesome.github.io/ jadi referensi kodenya 100% dijamin tepat.

Terkait dengan ikon baca juga Gratis Buat Ikon dengan Foto Sendiri di sini

Untuk cara pakainya cukup extract file Font Awesome-4.2-0.zip di mana saja di komputer Anda, setelah itu klik dua kali file Font Awesome-4.2.0.htm untuk kemudian akan ditampilkan pada browser kesayangan Anda. Pada file ini semua kode font awesome sebanyak 479 ikon akan ditampilkan bersamaan dengan gambarnya. Jika Anda kesulitan untuk copy paste kode tinggal buka file Cheatsheet.htm, di situ sudah ada kode lengkapnya, CSS class dan kode unicodenya. Dengan begitu Anda bisa memanfaatkan file ini untuk referensi kode font awesome. Adapun file Font-AwesomeExamples.htm berisi panduan cara memakai font awesome dari mulai menenentukan ukuran ikon, memutar ikon, menentukan ukuran tetap pada ikon yang berbeda, hingga penggunaan list dan menggabungkan beberapa buah font awesome dalam satu ikon.