Dalam mendesain suatu aplikasi web, kita membutuhkan komponen-komponen yang akan membuat web kita tampil lebih menarik, dan salah satunya adalah icon. Icon ini biasanya berupa gambar-gambar yang kita embed ke dalam web. Namun cara tersebut masih merepotkan, karena kita harus menyiapkan gambar terlebih dahulu baru kemudian kita embed. Kini, ada cara untuk mempercepat proses itu, yakni menggunakan Icon Font. Apa itu Icon Font? Icon Font adalah font yang berbentuk menyerupai icon, tetapi ini tetaplah sebuah font, kita dapat merubah warna, ukuran, memberi shadow, dan apapun melalui style css.
Mengapa memilih Font Awesome?
Icon Font ini dibuat oleh seorang yang bernama Dave Gandy, dan diperuntukkan untuk Framework Bootstrap, namun juga bisa digunakan dengan baik untuk Framework lain. Sebetulnya Bootstrap sendiri sudah memiliki icon yakni Glyphicons, namun Font Awesome lebih baik ketimbak Glyphicons. Kini Font Awesome telah mencapai versi 4.1.0 dan memiliki lebih dari 400 icon. Banyak Web Designer yang sudah menggunakannya, karena memang mudah dan cepat dalam penggunaanya. Cara menggunakannya adalah dengan membuat sebuah tag I, lalu ditambahkan class fa serta diikuti class icon dari list icon Font Awesome yang akan kita tampilkan. Misalkan kita akan menampilkan icon Home, maka cara memanggilnya adalah . Ya, memang semudah itu, jika anda ingin melihat example yang lebih lengkap, kunjungi link ini.
Bagaimana, apakah kalian tertarik menggunakannya?
0 comments:
Post a Comment