Font Awesome nedir? nasıl kullanılınır ?

Güncellenme Tarihi : 13 Haziran 2013 İcon set : 3.2.0

Merhaba arkadaşlar,

Öncelikle bu hizmeti bize sunan arkadaş 27″ lik iMac alacakmış ve yardımlarımızı bekliyor, miktarın büyüğü küçüğü olmaz 1 dolarda olsa göndermenizi rica ederim.  ( Destek )

Font Awesome nedir ?

Font Avesome günümüz web sitelerinde çok sık kullanılan iconlardan oluşturulmuş bir fontdur.

Font Awesome nasıl kullanılır ?

Bu iconları web sayfamıza eklemek için 2 işlem yapmalıyız.

1 – “fontAwesome.css” css dosyasını web sitemize eklemek. Burada belirtmek isterim ki css kullanmayanlar için less (Less nedir? nasıl kullanılır ?) veya sass (Sass nedir?) versiyonlarıda mevcuttur.

2 – fontAwesome.css dosyasındaki @font-face olarak belirttiğimiz  fontların konumlarını ayarlamak.

Font Awesome için teknik bilgiler

1- İconların boylarını büyütmek istiyorsanız yapmanız gereken tek şey i tagına önceden tanımlanmış boy class’ları eklemek.  Önceden tanımlanmış boylar (icon-large, icon-2x, icon-3x, icon-4x)

2- İconlara animasyon vermek için yapmanız gereken tek şey i tagına “icon-spin” classını eklemek. Bu özellik ie7,ie8,ie9 tarayıcılarında çalışmamaktadır.

3 – İcon’a border vermek için

Sizlere bir nebze koylaylık olsun diye aşağıda ki ön izleme linkinde Font Awesome’ı gereksiz şeylerden arındırarak bütün iconların isimlerini belirtim.

1 – Font-Awesome – http://fortawesome.github.com/Font-Awesome/
2 – Sass nedir – http://www.gelistiricigunlugu.com/sass-nedir/