Icons
Sitelerimizde kullanabileceğimiz çeşitli ikon kütüphaneleri mevcuttur. Fontawesome, ikonları font olarak sunar. https://fontawesome.com/ ikon kütüphanesini kullanarak örnek bir taslak hazırlayalım.
Örnek - Fontawesome
- Cdn yöntemine kullanarak kütüphaneyi sitemize ekleyeceğiz
- Fontawesome.com sitesine üye olunur
- Cdn için örnek site ismi verilir
- Cdn kodu head etiketi içine yazılır
- İlgili ikon seçilir
- Body etiketi içerisine yazılır
-
- Üye
-
- Site isim
-
- Cdn
-
- İkon
Html Kod
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Icons</title>
<!--awesome script kodu-->
<script src="https://kit.fontawesome.com/e7220411f0.js" crossorigin="anonymous"></script>
</head>
<body>
<h1>Fontawesome Örnek</h1>
<!--awesome ikon kodu-->
<i class="fas fa-align-left"></i> Blog
</body>
</html>