-->

Fontawesome Nedir ? Nasıl Kullanılır?



Fontawesome Nedir ?


Fontawesome css ile hazırlanmış icon fontudur,birçok web tasarımcı tarafından kullanılmaktadır.


FontawesomeNasıl kullanılır?

ilk olarak icon seçelim
http://fontawesome.io/icons/
denemek için bir tane seçiyorum siz istediginiz seçin hepsi aynı yöntem





Seçtiginiz icon a tıkladıgınızda böyle bir yer çıkacak 
resimde bulanan yerdeki kodu alalım ve projemize başlayalım






ilk olarak projemize fontawesome çagırlalım
bunu head etiketinin içine koyun
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

Seçtigimiz icon kodunu body etiketine yapıştıralım altdaki olacaktır. ve deneyelim



<html>
<head>
<title>PcCiz Fontawesome Deneme</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

</head>
<body>
<i class="fa fa-id-badge" aria-hidden="true"></i>

</body>
</html>


Projemizi çalıştıralım gördügünüz gibi icon projemize ekledik


codepen ön izleme








Facebook Yorumları

0 yorum