FontAwesome

Merhaba, bu makalemizde son zamanların en popüler font servislerinden birisi olan FontAwesome ‘dan bahsedeceğiz. FontAwesome sitenizde basit css kodlarıyla kullanabileceğiniz bir icon paketidir. Kurulumu ve kullanımı oldukça basittir.

Sitenizde çok fazla bir yavaşlamaya sebep olmayan 675 adet (şuanki versiyonunda. Her geçen gün artıyor) iconu websitenizde kullanabilmenizi sağlar.

FontAwesome nasıl kullanılır?

Öncelikle http://fontawesome.io adresine giderek anasayfadan “Downlod” butonuna tıklayıp gerekli dosyaları indirmemiz gerekiyor.

Dosyayı indirmişseniz içinde 4 adet klasör çıkmış olmalı.

Burada css ve fonts klasörlerini websitenizin root bölümüne atıyoruz. Daha sonrasında font-awesome.min.css dosyamızı sayfamıza import ediyoruz.

Evet artık işimiz oldukça kolay. Sadece birkaç html koduyla bir icon koyalım

body taglarımızın arasında yazdığımızda aşağıdaki gibi bir icon bizi bekliyor olacak.

Bu iconlar font-size, color gibi css kodlarıyla tamamen uyumlu çalışır. Ayrıca tüm iconları görmek için http://fontawesome.io/icons/ adresine göz atabilirsiniz.

Birçok kullanım örneği http://fontawesome.io/examples/ bu adreste mevcut.

Bir sonraki makalede görüşmek üzere

Bir Cevap Yazın

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