Cara Membuat atau Menggunakan Font Awesome

Hai Blogger, Kali ini saya akan membahas tentang Font Awesome

Apa sih Font Awesome? Dan Apa Fungsinya pada Blog dan Website?

Font Awesome

Oke, Sedikit pengalaman dan sepengetahuan saya sebagai newbie blogger tentang Font Awesome.

Font Awesome Adalah sebuah Ikon yang menggunakan tulisan atau kode-kode untuk membentuk sebuah gambar atau ikon itu sendiri.

Fungsi dari Font Awesome itu sendiri ialah untuk pengganti sebuah gambar yang akan di posting atau yang ada pada blog atau website sobat. Fungsi lainnya dari itu menurut saya Font Awesome lebih ringan di banding gambar atau image, So Pasti Blog anda akan lebih maksimal atau bisa dikatakan lebih responsive dalam hal loading pada halaman blog anda.

Untuk Melihat kode-kode Font Awesome anda bisa lihat disini

Result

Akan tetapi Font Awesome ini memerlukan Script untuk memanggil atau mengaktifkan code-code pada ikon tersebut. Apabila anda ingin menggunakannya silahkah ikutin Tutorial Cara Membuat Font Awesome

Pertama, Copy Code Script / Boostrap dibawah ini,

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

Paste di atas Script </head> pada Template Blog anda. Dan Simpan.

Dan cara penulisan Font Awesome seperti ini

<i class="Masukan kode Ikon Disini"</i>

Contoh apabila kita memasukan Kode Ikon fa fa-facebook seperti dibawah ini;

<i class="fa fa-facebook"</i>

Akan muncul seperti ini;

Untuk ukuran anda bisa menyesuaikan sesuai keinginan anda contoh beberapa ukurannya;


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

Seperti ini Hasilnya;

Bagaimana mudah bukan? apakah anda tertarik untuk membuatnya?
itulah Fungsi Font Awesome dan Tutorial Cara Membuat Dan Menggunakan Font Awesome. Semoga bermanfaat untuk kita semua, Salam Bogger.