Populer Post

Loading...

Cara Lengkap Memasang Dan Menggunakan Font Awesome

Cara Lengkap Memasang Dan Menggunakan Font Awesome
Posted by Yudha Wahyu Pratama

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 AWESOME

Keuntungan Menggunakan Font Awesome

  1. Satu Font, 675 Ikon di versi 4.7.0 Font Awesome telah memiliki +- 675 ikon
  2. Gratis Font awesome dapat digunakan secara gratis silakan kunjungin link ini buat melihat Lisensi FONT AWESOME
  3. Tidak perlu ribet pasang dang menggunakan javascript (JS) dalam menggunakannya
  4. Control Css
  5. Font Awesome bekerja hampir di semua Framework
  6. Retina Dispay
Kekurangan Font Awesome
Ada kelebihan pasti ada kekurangan ya Sobat MapirNesia apa aja kekurangan nya

  1. Memerlukan akses Font Awesome Pro atau premium untuk menggunakan fasilitas lebih dari Font Awesome
Cara Menampilkan 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

2 Responses to "Cara Lengkap Memasang Dan Menggunakan Font Awesome"

  1. ini yang gw cari. terimakasih ditunggu artikel selanjutnya.

    ReplyDelete

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

DMCA.com Protection Status