Font Awesome merupakan kumpulan icon dan tombol yang berbasis font.
Artinya, ketika sobat membutuhkan ikon di blog, tidak lagi menggunakan
gambar / image yang tentunya akan lebih mempercepat loading blog sobat.
Untuk bisa menggunakan Font Awesome ini, sobat harus menyimpan CSSnya di atas
</head>
<link href='//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.min.css' rel='stylesheet'/>
Cara Menggunakan Font Awesome
Untuk menggunakan Font Awesome, sobat harus menambahkan tag
<i> kemudian
class nya gunakan nama icon.
cara penulisannya :
<i class="icon-google-plus-sign"></i>
cara penulisannya :
<i class="icon-html5"></i>
Memperbesar Ukuran
<i class="icon-google-plus-sign"></i>
<i class="icon-google-plus-sign icon-large"></i>
<i class="icon-google-plus-sign icon-2x"></i>
<i class="icon-google-plus-sign icon-3x"></i>
<i class="icon-google-plus-sign icon-4x"></i>
Bordered & Pulled Icons
Gunakan kode pull-right atau pull-left untuk disimpan di kanan atau dikiri, dan icon-border untuk membuat kotak diluar icon bendera. Ini hanya sekedar contoh, untuk lebih variatif silahkan dicoba sendiri.
Gunakan kode pull-right atau pull-left untuk disimpan di kanan atau dikiri, dan icon-border untuk membuat kotak diluar icon bendera. Ini hanya sekedar contoh, untuk lebih variatif silahkan dicoba sendiri.Gunakan kode
pull-right atau
pull-left untuk disimpan di kanan atau dikiri, dan
icon-border untuk membuat kotak diluar icon bendera. Ini hanya sekedar contoh, untuk lebih variatif silahkan dicoba sendiri.
Gunakan kode pull-right atau pull-left untuk disimpan di kanan atau dikiri, dan icon-muted untuk membuat ikon menjadi warna muda.Gunakan kode
pull-right atau
pull-left untuk disimpan di kanan atau dikiri, dan
icon-muted untuk membuat ikon menjadi warna muda.
Animated Spinner
Untuk membuat ikon berputar, seperti animasi loading gunakan kode icon-spin bagus digunakan pada icon-spinner dan icon-refresh
Ini contoh
icon-spinner yang diputar.
Rotated & Flipped
Ikon juga dapat diputar dengan menentukan derajat putaran, juga bisa dibalik secara vertikal atau horizontal.
ikon normal
ikon diputar 90 derajat
ikon diputar 180 derajat
ikon diputar 270 derajat
ikon dibalik secara horizontal
ikon dibalik secara vertikal
Button
Icon juga dapat diterapkan pada button / tombol.
Bukan hanya pada button, icon Font Awesome ini bisa disimpan di berbagai tempat, seperti menu, menu dropdown, form, dan-lain-lain...
SEMOGA BERHASIL
.png)