W3.CSS ExamplesLesson 75Preview gratis
W3.CSS Icons
Lesson ini bagian dari W3.CSS · Semua level
Ringkasan
Ikon menambah petunjuk visual yang mempercepat pemahaman antarmuka. W3.CSS umumnya memakai Font Awesome yang dimuat melalui CDN, lalu ikon dipanggil dengan kelas seperti fa fa-home. Karena berbasis font, ikon bisa diwarnai dan diskalakan sama seperti teks biasa.
Poin kunci
- Tambahkan tautan CDN Font Awesome pada bagian <head>
- Ikon umumnya ditulis pada elemen <i> atau <span> dengan kelas fa fa-*
- Ikon font bisa diwarnai dan diubah ukurannya lewat CSS teks
- Beri aria-hidden="true" pada ikon yang bersifat dekoratif
- Alternatif lain: SVG atau icon font seperti Material Icons
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.