Cara mengatur posisi font awesome

Halo teman-teman dumetschool !

Apa itu font-awesome? Font Awesome adalah tombol dan kumpulan icon yang berbasis font. Artinya, jika kita membutuhkan ikon di blog, Anda tidak pelu menggunakan gambar / image apapun tapi cukup menggunakan fonts yang telah berbentuk icon-icon sehingga lebih menarik untuk dipandang. Dengan penggunaan font icons ini loading blog juga akan lebih cepat .

Beberapa hari lalu ada salah satu murid yang menanyakan bagaimana cara mengatur font-awesome yang dia gunakan di website yang dia buat agar lebih rapi. Dari sekian banyak solusi menurut saya ada satu solusi yang paling manjur.

Bagaimana caranya?

Gunakan saja position! Ya, position. Jadikan font awesome menjadi absolut. Kemudian pada area tempat dimana font awesome dipasang harus dijadikan relatif. Setelah itu tinggal di geser menggunakan top, left, right, ataupun bottom sehingga posisinya menjadi pas sesuai dengan keinginan kita.

Lalu bagaimana cara memberikan style-nya di CSS?

Font awesome menggunakan pasangan tag <i> yaitu <i> dan </i>.  Jadi, cukup dipanggil saja tag <i> nya di CSS. Jika masih tidak berefek juga maka munculkan style dengan pengaturan tambahan yaitu !important.

Mudah bukan teman-teman cara mengatur possisi font awesome. Semoga bermanfaat ya

28 Juni 2015

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