MyBB Depo Forum
Font Awesome Kullanımı - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: Webmaster Deposu (https://mybbdepo.com/webmaster-deposu-forumu)
+--- Forum: Web Tabanlı Kodlama Dilleri (https://mybbdepo.com/web-tabanli-kodlama-dilleri-forumu)
+---- Forum: Css (https://mybbdepo.com/css-forumu)
+---- Konu Başlığı: Font Awesome Kullanımı (/font-awesome-kullanimi-konusu.html)



Font Awesome Kullanımı - ßyßurak - 13-10-2013

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.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>

indir-download

Font Awesome İndir

Kaynak: mdtrdl.com
Kaynak: mybbturko.com


Cvp: Font Awesome Kullanımı - SvMedeT - 14-10-2013

Teşekkürler @Burak,

Kendi temamda kullanıyorum çok güzel.

Demo olarak bakabilirsiniz;
Kod:
http://mdtrdl.com/

Sitemdeki temada hiç resim bulunmuyor, görünen resimler ise fonttur. font-family ile eklenir.

Arıca orjinal yazı;
Kod:
http://mdtrdl.com/font-awesome-hakkinda.html