Ana SayfaTasarımFont Awesome Nedir? Ne İşe Yarar? Icon ve Font Aracı

Font Awesome Nedir? Ne İşe Yarar? Icon ve Font Aracı

-

Eskiden web site tasarımcıların derin yarası olan uygun boyutta bir icon veya font bulma sorunu oldukça yaygındı. Dijital tasarım alanında çeşitlilik sorunu olduğundan hayalinizdeki o simgeyi bulmak bazen günler alabiliyordu. Simgeyi bulduktan sonra ise bu sefer de doğru boyutu ayarlamak ayrı bir dertti. Tüm bunlar oldukça zaman kaybına neden oluyordu.

font awesome nedir

Gelişen teknoloji ile beraber bu font ve icon sorunu ortadan yavaşça kalktı. Fakat günümüzde dahi sorun tam olarak çözülmüş değil. İşte tüm bu problemlerin ortasında bir kurtarıcı gibi yardımımıza koşan bir araç var, Font Awesome! İçerisinde sunduğu yüzlerce icon ve font modelini saniyeler içerisinde bulabilir ve web sitenize kolaylıkla ekleyebilirsiniz. Şimdi dilerseniz Font Awesome uygulamasına birlikte bakalım.

Font Awesome Nedir?

Font Awesome, web sitenize kolaylıkla ekleyebileceğiniz icon ve fontları tasarlayan bir CSS kütüphanesidir. Tasarımları hem CSS hem de SVG desteğine sahiptir. İçerisinde 1500’den fazla ücretsiz icon bulunmaktadır. Ayrıca ücretli sürümünde bu sayı 5000’den fazla! Kolay bir HTML etiketi ile web sitenize Font Awesome aracını bağlayabilirsiniz. Bu sayede dilediğiniz tasarımı kolaylıkla sitenize entegre edebilirsiniz. 

Font Awesome Nedir? Ne İşe Yarar? Icon ve Font Aracı

Font Awesome sadece web siteleri için değil, aynı zaman mobil uygulamalar için de kullanılabilir. Android ve İOS destekli bir icon ve font aracı olan Font Awesome ile tasarım alanındaki limit ortadan kalktı!

İpucu: Font Bulma Yöntemleri

Font Awesome Nasıl Çalışır?

Web sitenize veya mobil uygulamanıza dilediğiniz simgeyi veya fontu eklemek Font Awesome ile çok kolay. Gelin adım adım Font Awesome üzerinden icon ekleme işlemini gerçekleştirelim:

Adım 1: İcon veya font kütüphanesinden dilediğiniz tasarımı arayın. Karşınıza çıkan sonuçlardan istediğiniz tasarıma tıklayın.

Adım 2: Tasarımı sol üst köşeden dilediğiniz şekilde düzenleyin ve ardından kodu kopyalamak için kodun üstüne tıklayın.

Örnekteki HTML kodu:

<i class="fa-duotone fa-dragon"></i>

Ayrıca dilerseniz ikonu sağ taraftaki “indirme” simgesine tıklayarak SVG dosyası olarak indirebilirsiniz.

Adım 3: Kopyaladığınız HTML kodunu web sitenize veya mobil uygulamanıza ekleyin ve simgeyi çalıştırın.

Font Awesome’ın Avantajları Neler?

Birçok web site tasarımcısı tarafından sıklıkla kullanılan Font Awesome, sahip olduğu özellikler sayesinde başarılı kalmaya devam ediyor. Araç, tüm tasarım ihtiyaçlarınıza uygun icon ve font modelleri ile işlerinizi kolayca halletmenize olanak tanır. Şimdi gelin Font Awesome uygulamasının avantajlarına yakından bakalım:

  • Diğer icon araçlarındaki boyut sorunu Font Awesome uygulamasında yoktur. Tüm simgeleri dilediğiniz boyutta kullanabilirsiniz.
  • Ücretsiz sürümünde 1500’den fazla simge bulunmakta. Ayrıca ücretli versiyonunda bu sayı 5000’i bulmaktadır.
  • Tasarım içerisinde dilediğiniz yere sembolleri eklemek oldukça kolaydır.
  • Tasarımları minimal ve evrenseldir.

WordPress Sitenize Font Awesome Yükleyin

Uygulamayı kolayca WordPress sitenize eklemek için eklentisini yüklemeniz yeterlidir. Bunun için ilk olarak WordPress sitenize giriş yapın ve admin panelden “yeni eklenti ekle” sekmesine tıklayın. Font Awesome için iki farklı sürüm vardır, bunlar şu şekildedir:

Better Font Awesome: Blog yazılarınıza Font Awesome simgeleri eklemek için.

Font Awesome 4 Menus: Sitenizdeki menülere icon veya font eklemek için.

Eklentileri yükledikten sonra etkinleştirin ve kolayca kurulumunun tamamlayın.

Font Awesome Premium Özellikleri Neler?

Ücretsiz sürümünde oldukça özellik barındıran Font Awesome, premium paketi ile sizlerle! Peki bu kapsamlı premium paketinde neler var?

Kendi logo veya simgelerinizi Font Awesome kütüphanesine ekleyebilirsiniz. Dilediğiniz zaman yüklediğiniz simgeleri Font Awesome kalitesiyle yeniden kullanabilirsiniz.

Beğendiğiniz yazı fontlarını ekleyerek tüm tasarımları tek bir yerde toplayabilirsiniz.

Font Awesome Nedir
Font Awesome nedir, ücretleri ne kadar?

Font Awesome sitesinde planların içerisindeki özellikler detaylı olarak verilmekte. Eğer büyük bir e-ticaret sitesiyle çalışıyorsanız bu planlar işinize yarayabilir. Kişisel web siteler için ücretsiz sürüm yeterli olacaktır.

Web site ve mobil uygulamalarınız için birebir olan icon ve font aracı Font Awesome, sağladığı binlerce tasarım ile işinizi kolaylaştırmaya geliyor. Sahip olduğu detaylı tasarım özellikleriyle tüm ihtiyaçlara uygun icon modellerini kolaylıkla bulabilir ve sitenize ekleyebilirsiniz.

CEVAP VER

Lütfen yorumunuzu giriniz!
Lütfen isminizi buraya giriniz

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.

Öne Çıkanlar

Google Analytics ile Kullanıcı Deneyimi Nasıl Geliştirilir?

Google Analytics ile Kullanıcı Deneyimi Nasıl Geliştirilir?

0
Web sitenize daha fazla trafik çekmek ve web dönüşüm oranını artırmak için kullanıcı deneyimini geliştirmeniz gerekmektedir. Nitelikli bir kullanıcı deneyimi ile web sitenize gelen...
React SEO Nedir?

React SEO Nedir?