Font Awesome V4.7.0

Memasang icon Font Awesome

Apa itu Font Icon ?

Font Icon adalah gambar / lambang / logo / simbol yang berformat font.
Intinya Font Icon ini bukan berupa file gambar pada umumnya yang berformat .jpg, .png, .gif, .svg dsb, seperti yang disematkan dalam postingan dengan cara mengupload..
Untuk menggunakan / menampilkan icon ini di Blogger tidak perlu melakukan upload file tetapi bisa cukup hanya dengan memasukkan script-nya kedalam template yang digunakan.
Bagi yang sudah mahir, bisa juga dengan mengupload file CSS dan SVG nya untuk menghostingnya sendiri. Hal ini sangat baik untuk mempercepat render pemuatan halaman.

Jenis Font Icon

Font Icon ini ada beberapa jenis antara lain :

FontAwesome
Material Icons (Google font)
Ghlypicon
Bootstrap Icon

Namun disini akan dibahas 2 jenis font yang populer dan mudah digunakan yaitu Font Awesome dan Material Icons.

Stylsheet

Link header :

Font Awesome 4.7.0 :

Material Icons :

Lokasi pemasangan link :

link Daftar Material Icons lengkap : Material Icons value list

Contoh penggunaan ikon Font Awesome:

Facebook
WhatsApp
Chrome
Envelope
Cogs

link Ikon Font Awesome lengkap : Content Value - Font Awesome

Contoh penggunaan - Material Icons:

Mouse
mouse
Smartphone
smartphone
SMS
sms
WC
wc
WiFi
wifi

Daftar Material Icons lengkap klik disini

CSS

Material Icons Untuk menyesuaikan tampilan agar mengikuti gaya CSS di blog masing-masing,
copy - paste kode CSS dibawah ini :

.material-icons {
    font-weight: inherit;
    font-style: inherit;
    font-size: inherit;
    line-height: inherit;
    display: inline;
    vertical-align: bottom;
}

Font Awesome V4.7.0

Memasang icon Font Awesome

Jenis Font Icon

Stylsheet

CSS

Formulir Kontak