Cara Menggunakan Font Awesome

Cara


Menggunakan


Font Awesome

Font Awesome merupakan kumpulan icon yang berbasis font. Jadi jika kamu membutuhkan icon untuk mempercantik tampilan blog mu, kamu tidak perlu menambahkan gambar yang akan memperberat loading blogmu.

Berikut cara menggunakan nya.

Pertama copy kode berikut dan paste kan di atas kode </head>

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

Ini adalah versi yang sekarang, jika sewaktu-waktu ada pembaharuan maka salin kode nya dengan kode di sini.

Kemudian Pilih icon yang akan di pakai. Lihat : List Icon Font Awesome.


Copy kode html icon yang kamu pilih.

lalu paste kan di tempat yang di inginkan. Contoh, disini saya akan memasang nya di bagian menu blog.

Lalu hasilnya seperti ini. (lihat pada menu Buku)

Memperbesar Ukuran Ikon

fa-lg
fa-2x
fa-3x
fa-4x
fa-5x

Untuk membuat ikon nya lebih besar, kita gunakan class fa-lg, fa-2x, fa-3x, fa-4x atau fa-5x

<i class="fa fa-book fa-lg"></i>
<i class="fa fa-book fa-2x"></i>
<i class="fa fa-book fa-3x"></i>
<i class="fa fa-book fa-4x"></i>
<i class="fa fa-book fa-5x"></i>

Untuk contoh-contoh lebih lengkap nya, kamu bisa mengunjungi link ini.
Yaa, kira kira begitulah cara nya, kalau masih bingung tanyakan saja lewat kotak komentar. Sekian...