Font Awesome adalah situs yang menyediakan berbagai macam icon icon umum dan populer yang bisa diterapkan untuk ke dalam web atau blog sobat.Seberapa banyak icon ini ,silakan anda cek sendiri disini https://fortawesome.github.io/Font-Awesome/icons/ .Banyak bukan?Sekitar 500 lebih icon tuh.Nah barangkali ada yang mungkin di web atau blognya membutuhkan icon-icon tersbut misal icon contact us dengan menggunakan icon telephone, icon email dengan menggunakan icon surat dsb.
Tujuan ane disini hanya sekedar share aja, barangkali ada yang butuh atau kalau tidak begitu penting ya tidak usah diterapkan hehe.Yup langsung saja ,bagaimana menggunakan font ini biar bisa diterapkan ke blog atau web anda?ini caranya bro
2.Kemudian Copy dan paste kode berikut
3.Jika sudah silakan klik simpan dan kemudian masuk ke web font awesome di daftar icon-iconnya https://fortawesome.github.io/Font-Awesome/icons/
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"/>
4.Klik salah satu icon yang ingin anda gunakan dan klik, misal disini saya memilih icon google chrome
5.Copy code icon tersbut dan masukan ke post editor HTML web dan blog anda
6.Anda bisa menambahkan di belakang code icon tersebut misal <i class="fa fa-chrome"></i> ini icon chrome baru kemudian klik tombol save
7.Berikut ini contoh hasilnya
icon kamera bro
icon google chrome
icon bom
icon pesawat jet
icon peace bro
0 Response to "Cara mudah memberi icon dengan menggunakan Font Awesome "
Post a Comment