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)
<i class="icon-cloud-download icon-large"></i>
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.
<i class="icon-cloud-download icon-spin"></i>
3 – İcon’a border vermek için
<i class="icon-cloud-download icon-border"></i>
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.
İndir /
Ön izleme /
Kaynak