fontawesome 5 kullanımı

Fontawesome 5.0 ile Yeni İkonlar ve Yeni Özellikler

FontAwesome yenilenen sürümü ile birlikte kullanım alışkanlıkları da değiştirdi. Önceki versiyonda kütüphaneyi kullanmak için sadece css dosyaları dahil edilmesi yeterliydi. Yeni versiyonu kullanmak için bazı kriterleri uygulamamız isteniyor. Bu yazımda kısaca bunlardan bahsedeceğim.

Yeni FontAwesome; 946 ücretsiz ikon, 1,535 pro ikonu barındırmakta. Bu ikonları SVG formatında kullanmak için JavaScript dosyasını sayfamıza eklememiz gerekli. Eğer ikonları Web Font formatında kullanmak istersek webfonts klasörü ile birlikte sayfamıza CSS dosyalarını da eklemeliyiz.

Yeni FontAwesome’da değişen class isimleri ise şu şekilde;

far => Font Awesome Regular: Önceki versiyonlarda ikon class’larının bitimine -o geliyordu. Bunun yerini şimdi far prefixi aldı.

fab => Font Awesome Brands: Markaların ikonlarını sayfamızda kullanmak için artık başına fab prefixi ekliyoruz.

fas yada fa => Font Awesome Solid: İkon setlerinde kullanılmakta yani; marka ikonları için fas veya fa kullanabiliriz.

FontAwsome’un tüm ikonlarına buradan erişmek mümkün.

Detaylı kullanım için How to Use sayfasını ziyaret edebilirsiniz.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir