Font Awesome Menampilkan Icon Menjadi Mudah

Font Awesome Menampilkan Icon Menjadi Mudah

Terkadang untuk mempercantik tampilan sebuah web membutuhkan beberapa pemanis atau bumbu seperti Icon. Dengan adanya icon-icon akan membuat web menjadi tampak lebih indah dan segar. Font Awesome merupakan framework css yang memuat font yang berisi icon-icon. Font Awesome oleh Front-End Developer biasa digunakan untuk mempermudah menampilkan icon-icon dalam front-end development.

Dave Gandy adalah developer dari Font Awesome, dan saat ini sudah versi 5.5.0 (rilis pada 2 November 2018) dan bisa diunduh disini. Dan jika kalian ingin berkontribusi dan ingin melihat proyeknya bisa ke Githubnya disini. Sebenarnya Font Awesome didesain untuk Bootstrap, namun masih bisa digunakan untuk framework yang lain. Karen merupakan vektor, jadi kalian tidak perlu takut menggunakan ukuran kecil maupun besar karena tidak akan merusak kualitas icon.

Penggunaan mudah sekali, kita hanya perlu menyimpan kode  berikut pada Header website:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">

Icon-icon yang akan kita gunakan bisa dipanggil dengan cara seperti berikut ini:

<i class=”fas fa-film”></i>

<i class=”fas fa-dollar”></i>

<i class=”fas fa-globe”></i>

Maka akan tampil seperti berikut:

 icon-film  icon-dollar  icon-globe

Jika ingin tahu lebih detilnya kalian bisa mengunjungi link berikut:

Font Awesome

Font Awesome Examples

Leave a Reply

Your email address will not be published. Required fields are marked *