Daftar Kode Icon Font Awesome dan Cara Pemasangannya

Coretan Bang Dadan on

Saturday, June 1, 2019

Bagi anda yang senang dengan seni atau sering edit-edit template blog, anda bisa memasang icon awesome untuk mempercantik tampilan blog silahkan simak tutorial ini sampai selesai.

Foto: Font Awesome https://fontawesome.com/icons

◉ Pengertian Font Awesome

Menurut Wikipedia, Font Awesome is a font and icon toolkit based on CSS and LESS. It was made by Dave Gandy for use with the Twitter Bootstrap, and later was incorporated into the Bootstrap CDN. Font Awesome has a 20% market share among those websites which use third-party Font Scripts on their platform, ranking it on a second place after Google Fonts.

◉ Daftar Kode Icon Font Awesome

Note: Silahkan cari kode icon awesome yang lain di situs resminya Disini 

◉ Cara Memasang Icon Font Awesome

Untuk dapat menggunakan font icon awesome diatas, langkah pertama yang harus anda lakukan yaitu menambah styleshet dibawah ini dan menyimpannya tepat diatas kode </head>

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"/>

Misalnya kita ingin membuat menu icon font awesome disamping kiri tulisan seperti gambar diatas.

contoh penempatannya sebagai berikut :

<li><a href='#'><i class='fa fa-newspaper-o'/> | NEWS</a></li>

Untuk memperbesar atau memperkecil ukuran iconnya, maka anda hanya perlu menambahkan

class fa-1x, fa-2x, fa-3x, fa-4x, fa-5x

Contoh : <p><i class="fa fa-bars fa-4x"></i> fa-bars </p> 'Judul'

Demikian artikel tentang Daftar Kode  Icon Font  Awesome dan Cara Pemasangannya. Selamat mencoba dan semoga berhasil.

Labels: blogger tutorial

Thanks for reading Daftar Kode Icon Font Awesome dan Cara Pemasangannya. Please share...!