Cara Menggunakan Font Awesome di CSS

Font Awesome Di CSS

Salam Blogger, Sebelum-sebelumnya saya sudah membahas tentang Font Awesome dari cara memasang Script Font Awesome Sampai Cara menggunakannya semuanya berjumlah 5 Part dan di tambah artikel ini Cara Menggunakan Font Awesome Di CSS, Jadi total semuanya ada 6 part yang membahas Font Awesome. Ok sekarang kita langsung saja.

Sekarang saya akan membuat box menggunakan Font Awesame sebagai contoh.

contoh cara membuat box info menggunakan Icon Font Awesome

Untuk contoh pengkodean di atas saya menggunakan kode seperti di bawah ini :

.contoh-box{background:#374760;color:#fff;padding:10px;border-radius:10px}
.contoh-box:before{
content:'\f27b';
font-family : FontAwesome;
font-size: 30px;
color:#d9d9d9;
position:absolute;
right:20px;
}

<div class="contoh-box">
contoh cara membuat box info menggunakan Icon Font Awesome
</div>

Untuk Tutorial Font Awesome sampai disini, saya disini juga masih belum menguasai semua kodenya saya disni juga masih tahap belajar, cuman saya mempunyai sedikit ilmu yang mungkin bisa bermanfaat bagi sobat. Jika ada pertanyaan dengan masalah pengkodean Font Awesome sobat bisa berkomentar dibawah dan mencari jalan keluarnya bersama-sama. Ok sekian dari saya Semoga Artikel ini bermafaat bagi sobat terutama saya Sekian dan Terimakasih.