Cara Menggunakan Font Awesome

Font Awesome memberikan anda kemudahan dalam menggunakan icon website dalam bentuk vector. Font Awesome selayaknya penggunaan font face pada umumnya yang dapat dengan mudah di customized dengan berbagai style css seperti size, color, drop shadow dan lain-lain.

Saat artikel ini saya tulis, versi font awesome adalah 4.0.3 dengan jumlah koleksi icon ada 369 icon dan akan terus dikembangkan dengan menambah koleksi iconnya. Penasaran yah seperti apa font awesome itu? Lihat demonya di sini: http://www.dumetschool.com/downloadfile/fontawesome/

Apa saja sih kelebihan dalam menggunakan font awesome ini?

  • Dalam satu file font terdiri 369 icon.
  • Gratis digunakan untuk keperluan komersial.
  • Compatible dengan Bootstrap 3.0.0.
  • Tidak perlu menggunakan javascript.
  • Sangat mudah diberikan style CSS.
  • Selalu akan terlihat baik dalam berbagai ukuran font.

Cara penggunaannya adalah sebagai berikut:

1. Download font awesome disini: http://www.dumetschool.com/downloadfile/fontawesome/fontawesome.zip

2. Silahkan extract file yang sudah di download. Kemudian open file fontawesome.html di dreamweaver. Untuk menggunakannya anda hanya perlu menulis tag dan classnya untuk setiap icon.

kursus web design, cara menggunakan font awesome

Lihat website resmi font awesome disini:http://fontawesome.io/

6 Februari 2014

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat