Bu konumuda css ile tasarım yaparken çok ihtiyaç duyduğumuz iconları font olarak bize sunan bir kaç tane siteyi göstereceğim.Normalde iconları resim olarak alıp sitemizde kullanırdık.Çok iyi bir yöntem değil ama iş görüyordu.

Peki iconların font olarak bize nasıl faydası olur derseniz.İstediğimiz gibi boyutlandırıp renklendirebiliriz.Buda daha hoş tasarımlar elde etmemizi sağlar.Şimdi sitelere bakalım.

1- Font Awesome

Font Awesome en popüler olan büyük bir icon arşivine sahip bir font.

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

2- Entypo

Link : http://www.entypo.com/

3- Typicons

Link : http://typicons.com/

4- Mfglabs

Link : http://mfglabs.github.io/mfglabs-iconset/



Kullanımlarına gelecek olursak.Dosyaları indirdiğiniz zaman font ve css dosyası olacaktır.Bu 2 sini alıp dosyalarınızın içine atıp ,css i sayfanıza dahil edin.İconları kullanabilmek için icon metinleri sitelerinde mevcuttur.

Örnek olarak font awesomede

<i class="fa fa-cloud"></i>

yazdığımızda bulut iconu çıkacaktır.