Beranda  ›  css  ›  programming

Tutorial Integrasi Font Awesome Ke Dalam Website

pada tanggal 1 komentar

 

Sebuah website tanpa ada icon atau gambar kecil sangat terasa hambar atau kurang menarik dilihat oleh mata pengguna dan membuat website kekurangan elemen User Interface (UI). Tentu saja dengan menambahkan icon pada website kita akan semakin menarik dilihat oleh pengguna lainnya.

Salah satu tempat kumpulan icon terbaik adalah Font Awesome. Font Awesome adalah sebuah situs yang berisikan banyak sekali kumpulan-kumpulan icon yang dapat digunakan oleh developer atau programmer membuat sebuah website yang menarik.

Ada dua cara untuk mendapatkan Font Awesome yaitu dengan cara download CSS Font Awesome atau melalui CDN Font Awesome.
Jika menggunakan CDN Font Awesome kalian harus terkoneksi dengan internet !

Berikut adalah sebuah baris kode tentang cara mengintegrasikan font awesome ke dalam website

<!DOCTYPE html>
<html>
<head>
<title>Integrasi Font Awesome</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<h1>
Ini icon info <i class="fa fa-info-circle"></i>
</h1>
</body>
</html>

Demo :



css programming
Fiqi Sulaiman
Fiqi Sulaiman
Hello, saya Fiqisulaiman. seorang Web Developer yang mengkhususkan diri ke bagian Front End Development selain itu saya suka membuat beragam macam template website di waktu luang saya.
SHARE WhatsApp

Related Posts

1 komentar

Posting Komentar