Pengertian Font Awesome dan Cara Menggunakannya di Blogger Pengertian Font Awesome dan Cara Menggunakannya di Blogger
Pengertian Font Awesome dan Cara Menggunakannya di Blogger

FONT Awesome adalah abjad 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 yakni font ikonik. Icon-icon yang dipakai berbasis gambar vector yang dapat diatur ukurannya sesuai ukuran font. 

Trend desain widget blogger kurun sekarang banyak memakai font awesome ini. Misalnya, Icon Media Sosial di Sidebar atau Tombol Social Share.

Navigasi Menu juga dapat dipercantik dengan memakai font awesome, ibarat Menu Desain Blog di atas yang ada gambar tangnya.

Lihat Daftar Font Awesome:

Cara Menggunakan Font Awesome

Sudah sangat banyak blogger yang membuatkan cara memakai Fony Awesome. Silakan buka Google dan ketik saja cara memakai font awesome, maka akan banyak pake banget posting wacana hal itu.

Yang jelas, salah satu langkahnya, untuk memakai "huruf mengagumkan" ini, yakni dengan memasang link CSS Font Awesome yang umumnya ibarat ini:

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

Pasang isyarat 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 yakni untuk mengganti link HOME menjadi ikon gambar rumah, ibarat ini:

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

Hasilnya:


Cara Lain Menggunakan Font Awesome
Cara memakai font awesome dengan isyarat <i class='font awesome'/> di atas untuk per elemen atau manual.

Jika ingin otomatis, contohnya untuk mempercantik judul widget di sidebar (h2), maka penggunaanya di isyarat css ibarat di bawah ini. Yang digunakannya isyarat abjad dan angka, bukan isyarat nama font ibarat di atas.

.sidebar h2:before {
    content: "\f02e"; 
    font-family: FontAwesome;
    text-decoration: inherit;
    padding-right: 0.5em;
    color:#616161;
    left: 0;
}

Lihat DEMO

Demikian ulasan ringkas wacana pengertian Font Awesome dan Cara Menggunakannya. Good Lukc & Happy Blogging! (http://www.idtutorial.com).*

Video Cara Install dan Memasang Font Awesome



Share To:

Endo Sadewa

Post A Comment:

0 comments so far,add yours