Font Awesome versi 5.1.1

Font Awesome Icon Web 5.1.1"

Postingan terkait:

Script Font Awesome 5.1.1

Cara pasang Font Awesome 5.1.1

FontAwesome memperbarui lagi versi serta jenis iconnya ke versi 5.1.1
Berikut ini sekilas tentang Font Awesome versi 5.1.1 (Gratis) karena ada juga yang versi 5.1.1 PRO nya.

Penggunaan: Pasang Kode berikut ini :
Letakkan kode dibawah kode <head>

Untuk memperkuat tampilan, Copy kode CSS berikut ini :
dibawah kode <b:skin>.

/* -------------- Font Awesome 5 CSS --------------*/
.fab{font-family:"Font Awesome 5 Brands"}
.fas{font-family:"Font Awesome 5 Free"}
:before font-family:"Font Awesome 5 Free" , "Font Awesome 5 Brands" }
:before, .fab, .fas{
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased
}

CARA PENYEMATAN ICON FONT AWESOME 5.1.1

Contoh untuk penggunaan web / blog

Nama	Icon	Code
Android		<i class='fab fa-android'></i>
Bell		<i class='fas fa-bell'></i>
Camera		<i class='fas fa-camera'></i>
at		<i class='fas fa-at'></i>
Hands		<i class='fas fa-hands'></i>

KATEGORI ICON

Update Di versi sebelumnya, semua jenis ikonnya tidak ada perbedaan kode namun di Versi ini terdapat sedikit perbedaan kode. Karena jenis kode dibagi menjadi 3 kategori yaitu :

No	Kategori Icon	Code
1.	Solid	<i class='fas fa-nama-icon'>
2.	Regular	<i class='fas fa-nama-icon'>
3.	Brand	<i class='fab fa-nama-brand-icon'>

Keterangan

Perbedaan dengan versi sebelumnya hanya menggunakan <i class='fa fa-nama-icon'>
Yang dimaksud Brand / Merk disini contohnya logo-logo perusahaan / website populer misal :

, dan masih banyak lagi.
Untuk jenis Reguler dan solid itupun dikategorikan lagi menjadi beberapa kategori.
Info lengkap, silahkan kunjungi :

Font Awesome versi 5.1.1

Font Awesome Icon Web 5.1.1"

Script Font Awesome 5.1.1

CARA PENYEMATAN ICON FONT AWESOME 5.1.1

KATEGORI ICON

Formulir Kontak