Mengenal Apa Itu Font Awesome ?

Mengenal Apa Itu Font Awesome ?

Mengenal Apa Itu Font Awesome ? - Mungkin sobat sudah pernah melihat web atau blog yang memiliki icon - icon keren, seperti pada blog pintasku, pada bagian menu navigasi dan tombol social yang terletak di bagian menu di atas, itu semua menggunakan font awesome. Pastinya sobat juga terpikir, Bagaimana cara membuat icon - icon seperti itu ? Oke berikut ini saya akan jelaskan.

Apa Itu Font Awesome ?

Font Awesome adalah sebuah font yang berbentuk icon - icon siap digunakan untuk tampilan interface web. di biasanya digunakan untuk Twitter Bootstrap. Font awesome itu memiliki jumlah icon lebih dari 100 buah dan juga penggunaan font awesome ini sangat memberikan kemudahan di dalam menggunakan web icon dalam berbentuk vector. 

Keunggulan Dalam Menggunakan Font Awesome

  1. Ringan, karena satu font itu terdiri dari 369 icon
  2. Free (Gratis), bisa digunakan untuk komersial maupun non komersial
  3. Tidak Perlu Menggunakan Javascript
  4. Mudah untuk diberikan Style CSS
  5. Icon akan terlihat sempurna di dalam ukuran font berapapun.
  6. Compatible dengan Bootsrap 3.0.0
  7. Support dengan Browser lama, misalnya Internet Explorer 7

Cara Memasang Font Awesome Di Blog

Sebelum menggunakan font awesome, anda harus menyimpan kode css font awesome di dalam blog, dan letakan di atas tag </head>
<link href='//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.min.css' rel='stylesheet'/>

Cara Menggunakan Font Awesome

Sedangkan cara untuk menggunakan font awesome ini sobat hanya perlu menambahkan tag <i> dan di tambah atribut class masing- masing icon.
Contoh penulisanya seperti berikut ini.
Kodenya adalah sebagai berikut :
<i class="fa fa-camera"></i>

Demikian Tutorial Cara menggunakan Font Awesome, semoga tutorial ini bisa bermanfaat dan membantu semuanya. Terimakasih

No comments:

Post a Comment