Sabtu, 17 September 2016

Pengertian Font Awesome dan Cara Menggunakannya di Blogger

FONT Awesome adalah huruf dan/atau angka yang membentuk gambar dalam desain blogger atau website. Itu pengertian font awesome secara praktis.

Secara harfiyah, font awesome artinya 'huruf yang mengagumkan'.

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.

Font Awesome adalah font ikonik. Icon-icon yang digunakan berbasis gambar vector yang bisa diatur ukurannya sesuai ukuran font.

Trend desain widget blogger masa kini banyak menggunakan font awesome ini. Misalnya, Icon Media Sosial di Sidebar atau Tombol Social Share.

Navigasi Menu juga bisa dipercantik dengan menggunakan font awesome, seperti Menu Desain Blog di atas yang ada gambar tangnya.

Lihat Daftar Font Awesome:

    Daftar Kode Font Awesome CB
    Daftar Kode Font Awesome Lengkap

Cara Menggunakan Font Awesome
Sudah sangat banyak blogger yang berbagi cara menggunakan Fony Awesome. Silakan buka Google dan ketik saja cara menggunakan font awesome, maka akan banyak pake banget posting tentang hal itu.

Yang jelas, salah satu langkahnya, untuk menggunakan "huruf mengagumkan" ini, adalah dengan memasang link CSS Font Awesome yang umumnya seperti ini:

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet" />

Pasang kode tersebut di bawah <head> atau di atas </head>

Kalau CB biasa memasangnya dengan cara yang fast loading: Cara Pasang Google Font & Awesome Fast Loading.

Contoh paling umum penggunaan font awesome adalah untuk mengganti link HOME menjadi ikon gambar rumah, seperti ini:

<i class="fa fa-home"></i>

Hasilnya:
Demikian ulasan ringkas tentang pengertian Font Awesome dan Cara Menggunakannya.