kaf
wmaraci reklam

Font Awesome Nedir? Font Awesome İkonları ve Font Awesome Kullanımı

Font Awesome Nedir? Font Awesome İkonları ve Font Awesome Kullanımı

Font Awesome, hemen her türlü web programında ve web sitesi içerisinde kullanılabilen bir ikon font setidir. İçerisinde tüm dünyada tasarımcılar tarafından en çok ihtiyaç duyulan ve kullanılan ikonlarını barındıran Font Awsome'ı CSS'e dahil ederek ikon arama derdine son getirebilir ve meydana getirdiğiniz web siteleri içerisinde CSS yardımıyla anında ikonları belli bir yerde ekrana yazdırabilirsiniz.

Font Awesome İkonları

Font Awesome'un içerisinde şuanda 600'ün üzerinde farklı ikon yer alıyor. Bu ikonları kullanarak istediğiniz elementleri çok daha görsel hale getirmek ve özellikle navigasyon menülerinde fark yaratabilmek mümkün. Font Awesome'un içerisinde yer alan tüm ikonları görmek istiyorsanız buraya tıklayarak ikonları görebilir ve son eklenen ikonlardan daima haberdar olabilirsiniz.

Kod Nedir? Kod Yazma ve Kod Öğrenme
İlginizi Çekebilir!

Kod Nedir? Kod Yazma ve Kod Öğrenme

Kod, yazılım dilinde belli durumları içerisinde barındıran tümcelere verilen addır. Bu tümceler hangi durum karşısında nasıl bir tepki verileceğini, hangi ögelerin çağırılacağına hangi anlarda hangi durumların oluşacağı gibi ...

Font Awesome Kullanımı

Font Awesome'un Kullanımı son derece kolaydır. Projelerinizde Font Awesome CSS Toolkit'inden faydalanmak için tek yapmanız gereken şey basit seviyede HTML ve CSS bilgisidir. Temel seviyede tasarım ve HTML & CSS bilgisiyle Font Awesome'u saniyeler içerisinde kullanılmaya hazır hale getirebilirsiniz.

Öncelikle Font Awesome'u indirmek için buradaki web sitesine giriş yapın ve ardından “Download” Butonuna basın. İndirme işlemi tamamlandığında dosyanın içerisinde 4 farklı klasörün yer aldığını göreceksinizdir. Bunlar; CSS, Font, Less ve Scss'dir.

Biz CSS için olan örnek kullanımı göstereceğiz. Şimdi CSS klasörünü projemizle ilgili dizine yerleştireceğiz ve ardından kullanacağımız sayfada şu şekilde çağıracağız;

Şimdi bu CSS'in çağırıldığı sayfalar içerisinde şeklinde kullandığımızda Facebook'un ikonu çıkacaktır. Eğer ikonları daha büyük olarak kullanmak istiyorsak o halde kod üzerinde  gibi koda icon-sayı değerini vererek ikonu büyütebilir veya küçültebiliriz.

Bir üst başlıkta yer alan Font Awesome İkonları sayfasına giriş yapıp istediğiniz icon'a tıklayarak da icon için class adını alabilir ve yukarıdaki örneklerde olduğu gibi hazır kodunu alıp hemen kullanabilirsiniz.

Bu içerik size yardımcı oldu mu? WM Aracı içeriklerini kullanıcı odaklı iyileştirebilmemiz için geri bildirimde bulunabilirsiniz.
Aklına bir soru mu takıldı?

O Zaman Uzmana Sor!

Sorunuz yanıtlandığında size bir bilgilendirme maili ileteceğiz.

Uzmana Sorulanlar

  • 1 Alfanümerik
    Yigit 32 karakter uzunluğunda alfasayısal karakterlerden oluşan bir kombinasyon şifre... Alfanümerik
  • 2 VGA
    Azim Üzerinde eski tip vga çıkışı olan Nexstar uydu alicisini Lg monitore bağlamak istiyorum.Alicinin erk... VGA
  • 3 OSD
    muhammed Merhaba ben Casper excalibur M.E238FIF-D 23.8 inç monitörü kullanıyorum ancak freesync kapalı ve ben... OSD
  • 4 RAT
    Atilla Rati pc güvelik uyarisi vermeden acabilir miyiz... RAT
  • 5 HTS Kaydı
    halime Hts kayıtlarında WhatsApp konuşmaları fotoğraf lar çıkar mı birdeayni sim kartı kullanıp da telefon ... HTS Kaydı