Apa itu font awesome?
Diposting oleh : Admin | Dirilis :
5:12 PM | Label :
Belajar blog
Apa itu Font Awesome? Sebelumnya sobat sekalian pasti pernah menemui beberapa web blog dimana dari blog tersebut ada icon - icon keren seperti facebook, twitter, atau gambar lain. Seperti pada blog OKAI pada bagian menu header dan beberapa tombol lain di bagian drop menu semunya itu menggunakan font awesome sobat. Setelah sobat melihat icon tersebut, pastilah terpikir bagaimana caranya? atau bagaimana membuatnya agar jadi icon - icon seperti itu? oke untuk itu mari simak penjelasanAweso saya.
Font Awesome
Font Awesome itu sendiri adalah kumpulan - kumpulan font yang berbentuk icon yang sering digunakan sobat - sobat sekalian untuk interface web atau boostrap. Font awesom memiliki lebih dari 200 icon dan setiap berjangka selalu di update jumlah icon tersebut dan juga penggunaan font awesome ini sangat berguna sekali untuk para web user atau blog user. kenapa? karena bukan hanya dari tampilan menjadi menarik, melainkan untuk memberikan kemudahan maksud, misalnya untuk menuju musik, diberi icon musik, maka sobat dapat mengetahui dengan mudah bahwa link tersebut berhubungan dengan musik.
Kelebihan dari font awesome
- Ringan, tidak terlalu berat membuka web / blog
- Variatif, jumlah icon sangat banyak dan berbeda - beda
- Free (Gratis), untuk menggunakan fitur ini didapat dengan gratis
- Tanpa java script, ha? java script? :v
- Compatible, atau icon dapat sesuai dengan font yang ada
- Support banyak browser, Internet Explorer, Mozila, Google Chrome dll
Oke sobat gimana menarik bukan? mau mencoba nya? bingung cara menempelkan atau memasangnya bagaimana? nah ini caranya :
Untuk memsangnya sobat perlu mengetahui dulu tempat icon tersebut, yaitu di "Head", maka cari tempatkan setelah "<Head>" atau sebelum "</Head" , disana masukan code dibawah ini :
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
setelah itu barulah font awesome bisa ditempelken dengan cara masukan code nya, contohnya seperti yang ada di blog menu "Daftar isi" :
<li><a href='#'><i class='fontawesome-book'/> Daftar Isi</a></li>
selalu perhatikan <li> harus ditututp dengan </li> itu berlaku untuk code lainya.o
Demikian tutrial menggunakan font awesome, semoga tutorial bermanfaat dan berguna untuk sobal sekalian. Terimakasih
