FontAwesome Nedir? Nasıl Kullanılır?

Font Awesome nedir?

Günümüzde responsive(duyarlı) web tasarımlarıyla yaygınlaşmaya başlayan simgelerden oluşturulmuş bir font tipidir.

Font Awesome Nasıl Kullanılır?
  • Öncelikle fontawesome web sitesine gidip kütüphaneyi indiriyoruz.
  • Klasörde yer alan font ve css klasörlerini web sitemizin barındığı klasör/FTP lokasyonuna kopyalıyoruz.
  • Aşağıdaki iki satırlık kodu <head> kısmına alıyoruz
<link rel="stylesheet" href="css/font-awesome.min.css" />
<link rel="stylesheet" href="css/font-awesome-ie7.min.css" />

Yukarıdaki şekilde fontAwesome dosyalarını sayfaya çağırdıktan sonra sayfanızın istediğiniz yerinde kullanabilirsiniz.

Örnek kodlama tipi:
<i class=“fa fa-facebook”></i>

Font Boyutunu isteğinize göre biçimlendirebilirsiniz. Örneğin;

<i class="fa fa-facebook fa-2x"></i>
<i class="fa fa-facebook fa-3x"></i>
<i class="fa fa-facebook fa-4x"></i>
<i class="fa fa-facebook fa-5x"></i>
<i class="fa fa-facebook fa-6x"></i>

Font Kütüphanesindeki diğer simgeleri buradan görebilir ve sitelerinizde kullanabilirsiniz.