yandex

Font Awesome Nedir ? Nasıl Kullanılır ?

Bu içerik 2 sene önce dogukanbatal tarafından yazılmıştır.
Paylaş:

Merhaba Arkadaşlar uzun bir aradan sonra tekrar burdayım Bu yazımda Font Awesomeun ne olduğunu nasıl kullanıldığını anlatıcağım.

 

Font Awesome Nedir ?

Font Awesome en popüler, en çok kullanılan ikon fontudur.Font Awesomede hemen hemen her türlü ikon mevcuttur.Kullanımı oldukça kolaydır.

 

Font Awesome Nasıl Kullanılır ?

Buradan Font Awesome sitesine giriyoruz.Hemen önümüze çıkan download butonunda tıklayarak indiriyoruz.

İndirdiğimiz Dosyada 4 Farklı klasör mevcuttur.

 

Css, Font, Less, Scss

 

Css dosyalarını Ben Normal olarak kullanacağım için aşağıdaki gibi Sayfama dahil ediyorum.Bu arada Yukarıdaki Klasörlerden CSS ve Fonts klasörlerini alamamız yeterli.

Şimdide kullanımını öğrenelim.Tüm iconlar aşağıdaki sayfada mevcuttur.

http://fortawesome.github.io/Font-Awesome/icons/

Örneğin Facebook ikonunu yukarıdaki şekilde kullanabilirsiniz.İcon Boyutunu arttırmak veya düşürmek için aşağıdaki örneği inceliyebilirsiniz.Gördüğünüz gibi icon-large, icon-2x, icon-3x, icon-4x gibi sınıfları kullanabilirsiniz veya CSSden font-size ile müdahale edebilirsiniz.

Bu ikon fontu dışında aşağıdakileride kullanabilirsiniz.

http://typicons.com/

http://www.entypo.com/

http://glyphicons.com/

Bu yazım burada sona eriyor.Bir sonraki yazımda görüşmek üzere :)

 

 

YORUMLAR ;