Font Awesome untuk Design Web

Untuk memperindah atau membuat tampilan lebih menarik maka dalam membuat design web diperlukan plugin tambahan seperti :

1. Font Awesome
2. Fancy Box
3. CKEditor
4. dsb

Untuk plug in dapat di Download pada link diatas. Untuk contoh pemasangan font awesome caranya sebagai berikut :

1. Download Plug in font awesome

 

2. Extract Plug in font awesome lalu pindahkan ke project pada folder assets.

 

3. Selanjutnya adalah memanggil atau mendeskripsikan plug in di script kita. Kita panggil plugin font awesome dengan cara mengetikkan script sebagai berikut :

<link href="assets/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

Untuk alamat pada href menyesuaikan dengan dimana kalian menyimpan file plug in font awesome. Untuk penempatan link seperti contoh pada gambar berikut :

4. Itu tadi untuk pemanggilan plug in font awesome sedangkan untuk memanggil icon font awesome pada script html sebagai berikut:
Contoh untuk menampilkan Icon Home :

<i class="fa fa-home ">

tambahkan script berikut pada table atau kalimat yang ingin ditambahkan icon.

Sekian dulu dari saya ....