24 Aralık, 2015 YAYINLANDI
Font Awesome Kullanımı – İkonik Font
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.