Cara menambahkan font awesome pada blog

Halo sahabat FARONESIA, sebelum ke tutorilanya mari kita mengenal tentang apa itu font awesome secara jelas agar kita tidak hanya faham setengah-setengah. font awesome adalah sebuah toolkit dan icon yang berbasis CSS dan LESS. pembuatnya bernama Dave Gandy untuk digunakan pada twitter boostrap yang kemudian dimasukkan kedalam BoostrapCDN.

Dengan menggunakan font awesome ini blog maupun website lebih tampak profesional dan tentunya ringan sehingga dalam hal desain blog maupun web tidak perlu lagi menggunakan gambar-gambar tertentu untuk di jadikan icon didalam blog atau web.

Font awesome memiliki lebih dari 600 icon pada versi 4.7.0 dan tentunya gratis digunakan blog atau web manapun. Dalam penggunaannya, font awesome dapat di kontrol menggunakan CSS seperti ukuran, warna, dan lain-lain. Font awesome ini juga bisa terlihat dengan baik dan sempurna pada perangkat manapun tanpa terjadi icon pecah-pecah maupun blur.

Cara menggunakan font awesome:

Untuk menggunakan font awesome ini cukup mudah, kamu hanya memasang link dari file font-awesome.min.css lalu letakkan diatas kode </head>

<link href='//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'></link>

Selanjutnya kamu bisa menggunakan berbagai pilihan icon yang tersedia dalam fitur font awesome tersebut.

Daftar icon font awesome DISINI

Cara penerapan nya sangat mudah, pada versi sebelumnya font awesome menggunakan tag <span> untuk membungkusnya namun pada versi ini font awesome ingin memudahkan penggunanya menggunakan tag <li> bagaimana bentuk nya? Seperti yang terdapat pada menu-menu suatu blog maupun website rata-rata menggunakan tag <li> jadi dalam contoh ini kita akan menggunakan fungsi tersebut.

Contoh:

<i class="fa fa-users"></i> Gabung yuk

Hasilnya:
Gabung yuk

Jika dipasang pada tag <li> pada menu blog maka penampang kodenya seperti dibawah ini.

<li><a href='/'><i class='fa fa-users'/> bergabung yuk</a></li>

Sumber FARONESIA

Sementara sampai disini dulu penjelasan admin  tentang Cara menambahkan font awesome pada blog semoga bermanfaat dan menambah wawasan para blogger dan pembaca dimanapun berada. Jangan lupa share dan komen.

Share this post