Font Awesome Nedir?
Font awesome fontla yapılmış icon sistemi diyebiliriz, günümüzde bir çok çalışma ve projelerde yoğun olarak kullanılıyor ve her geçen gün kullanımı artıyor. ( Detaylı bilgi )
Font Awesome Nasıl Kullanılır?
Font awesome iconlarını kendi web sitemize eklememiz için aşağıdaki adımları uygulayınız;
Font Awesome Kullanımında Teknik Bilgiler:
Font Awesome İndir
Kaynak: mdtrdl.com
Kaynak: mybbturko.com
Font awesome fontla yapılmış icon sistemi diyebiliriz, günümüzde bir çok çalışma ve projelerde yoğun olarak kullanılıyor ve her geçen gün kullanımı artıyor. ( Detaylı bilgi )
Font Awesome Nasıl Kullanılır?
Font awesome iconlarını kendi web sitemize eklememiz için aşağıdaki adımları uygulayınız;
- “font-awesome.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.
- “font-awesome.css” dosyasındaki @font-face olarak belirttiğimiz fontların konumlarını ayarlamak.
Font Awesome Kullanımında Teknik Bilgiler:
- İ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);
Kod:
<i class="icon-cloud-download icon-large"></i>
- İ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.
Kod:
<i class="icon-cloud-download icon-spin"></i>
- Eklediğimiz icona border vermek için;
Kod:
<i class="icon-cloud-download icon-border"></i>
Font Awesome İndir
Kaynak: mdtrdl.com
Kaynak: mybbturko.com