Cara Lengkap Memasang Dan Menggunakan Font Awesome
Assallamualaikum Apa kabar Fans ? Admin MampiNesia yang tampan ini akan berbagi sedikit banyak berbagi ilmu tentang Cara Lengkap Memasang Dan Menggunakan Font Awesome sebelum kita melakukan itu pepatah tua menggatakan tak kenal maka tak sayang tapi sekarang kita rubah menjadi tak kenal maka kenalan yuk kita kenalan sama Font Awesome
Apa itu Font Awesome
Font Awesome adalah toolkit font dan icon berbasis CSS dan LESS. Yang dibuat oleh Dave Gandy untuk digunakan pada Twitter Bootstrap, yang kemudian dimasukkan ke dalam BootstrapCDN. Font Awesome memiliki pangsa pasar 20% di antara situs web yang menggunakan Font Script pihak ketiga di platform mereka, menempatkannya di posisi kedua setelah Google Fonts.Sumber : https://en.wikipedia.org/wiki/Font_Awesome
Oke kita sekarang menuju ke step cara memasang nya ngomong ngomong cara pemasangan Font Awesome sangat sangat cukup mudah yang kalian lalukan iyalah
Untuk menggunakan Font Awesome kalian Copy kode dibawah Ini
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />Atau anda juga bisa menggunakan html berikut :<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />Dan kalian Pastekan Diantara <head> .... </head> atau paling mudah nya kalian pastekan diatas </head> aja
Note : Jika Sobat MampirNesia Ingin mendownload Libary Font Awesome silakan kunjungi link berikut ini
FONT AWESOMEKeuntungan Menggunakan Font Awesome
- Satu Font, 675 Ikon di versi 4.7.0 Font Awesome telah memiliki +- 675 ikon
- Gratis Font awesome dapat digunakan secara gratis silakan kunjungin link ini buat melihat Lisensi FONT AWESOME
- Tidak perlu ribet pasang dang menggunakan javascript (JS) dalam menggunakannya
- Control Css
- Font Awesome bekerja hampir di semua Framework
- Retina Dispay
Ada kelebihan pasti ada kekurangan ya Sobat MapirNesia apa aja kekurangan nya
- Memerlukan akses Font Awesome Pro atau premium untuk menggunakan fasilitas lebih dari Font Awesome
Caranya cukup mudah dalam versi ini
Setelah kalian pasang kode css di atas </head> silakan kalian pasang kode dibawah ini ditempat yang kalian suka
<i class="fa fa-users"></i> Gabung yuk
Hasil : Gabung yuk
Jika ingin menambah kan link didalam nya gunakan code dibawah ini kalian bisa pasang dimana pun
<li><a href='/'><i class='fa fa-home'/> Home</a></li>
Selesai kalian bisa lihat dan pilih semua ikon sesuai keperluan mu Ikon Font Awesome
Note : Font Awesome sudah update ke versi Terbaru 5
Jangan lupa coment dibawah ya see you
Yudha Wahyu Pratama
Humanity Balanced Religion ⤵️ Success Before 30 Mahasiswa, Investor , Pecinta Hewan,IT & Alam, Aktivis
