Membuat Icon dari Font Awesome

icon

Agar website terlihat lebih indah dan menarik , kita bisa menambahkan gambar – gambar… adapun bisa juga menambahkan ikon. pada artikel kali ini , penulis akan memberitahukan langkah – langkah membuat ikonĀ  dari Font Awesome. Oke langsung saja kita praktekkan :

1. Pertama, buka website Font Awesome , kemudian klik Download

2

2. File download dalam .zip , maka ekstrak ke dalam folder

3. Pada folder font awesome yang sudah di ekstrak, copy folder CSS dan FONT kedalam folder web Anda

icon2

4. Kemudian buat file baru latihanikon.html , Tuliskan kode seperti dibawah ini :


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="css/font-awesome.min.css" type="text/css" rel="stylesheet" />
</head>
<body>
<i class="fa fa-camera-retro fa-lg"></i> fa-lg
<i class="fa fa-camera-retro fa-2x"></i> fa-2x
<i class="fa fa-camera-retro fa-3x"></i> fa-3x
<i class="fa fa-camera-retro fa-4x"></i> fa-4x
<i class="fa fa-camera-retro fa-5x"></i> fa-5x
</body>
</html>

icon3
Hasilnya seperti gambar di atas