24 Ara 2015 Yorum Yok Günlük 2.178

Font awesome ikonları font haline getirilmiş, bize kullanım kolaylığı sağlayan kullanışlıklı bir ikonik font sistemi. Bu yazımda font awesome’un kullanımdan bahsedeceğim.

Kullanımı Nasıldır?

  • Kendi internet sitesinden dosyaları indirelim: https://fortawesome.github.io/Font-Awesome/
  • İndirilen zip dosyasının içinden css ve font klasörlerini kullanacağız. Bu dosyaları kullanacağımız projenin, tasarımın olduğu klasöre kopyalayalım. (less ve sass kullanıyorsanız diğer dosyaları da kullanabilirsiniz.)
  • index sayfamızda <head> kodları arasına css dosyalarını çağıralım.
    <link rel="stylesheet" href="css/font-awesome.min.css" />
    <!-- ie7 fix -->
    <link rel="stylesheet" href="css/font-awesome-ie7.min.css" />
  • İşlem bu kadar.

https://fortawesome.github.io/Font-Awesome/icons/ adresinden kullanacağınız fontu seçip kodu alabilirsiniz.

Örneğin ben arama ikonunu seçiyorum. Kodum şu şekilde;

<i class="fa fa-search"></i>

İkonların boyularını da bu linkte anlatıldığı gibi belirleyebilirsiniz.

Yorum Yok

Yorum Ekle