December 11, 2015

Cara Menggunakan Font Awesome Icons di Navigasi Menu Blog

Romel Tea December 11, 2015

Font Awesome Icons
Cara Menggunakan Font Awesome Icons di Navigasi Menu Blog. Membuat Menu Navigasi dengan Font Awesome.

AWESOME
Font atau Font Awesome adalah huruf  yang mengesankan atau jenis huruf yang ditunggu-tunggu. Itu pengertian harfiyahnya.

Font = huruf. Awesome = ks. mengagumkan, membuat terpesona. It was an a. sight to behold Pemandangan itu benar-benar mengagumkan.

Pengertian secara istilah, Font Awesome adalah jenis huruf yang membentuk atau menampilkan icon gambar. Karena sangat membantu, ringan, fast loading, maka jenis huruf ini menjadi dambaan setiap web designer maupun developer. Maka, disebutlah atau dinamailah huruf ini sebagai Awesome Font.

Cara Menggunakan Font Awesome

Ada dua tahap untuk menggunakan icon Font Awesome di blog
  1. Menambahkan Link Font-Awesome.
  2. Memasang Kode Font Awesome
Tambahkan kode berikut ini di atas kode </head>

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet" />

Untuk menggunakannya di navigasi menu, maka  untuk memunculkan Font Awesome ini adalah dengan menggunakan tag <i> dan menambahkan class utama (fa) dan class untuk memanggil ikon tertentu, seperti ini:

<i class='fa fa-home'>&nbsp; Home</i>

Kode &nbsp; adalah kode untuk mengatur jarak antara ikon dengan teks.

Daftar gambar dan kode Font Awesome sebagai rujukan bisa dilihat di Font Awesome Cheatsheet atau yang lebih besar di Bootstrap.*

2 comments:

  1. Akhirnya setelah keliling dan nyoba beberapa tutorial. Yang ini benar2 bekerja, thanks juragan.

    ReplyDelete

No Spam, Please!