Website icon Fontları
UstaDerslik Soru-Cevap Yararlı Araçlar
arama ikon
Diller
Türkçe Türkçe

bilgi UstaDerslik
Bu uyari kutusudur.
Tamam
Anasayfa
İletişim
Üyeler

Website icon Fontları

profil
cArleone
BEĞEN(1)
BEĞENME(0)
GÖRÜNTÜLENME(3684)
RAPOR ET
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


http://ustaderslik.com/resim/ders/4hj4gh8j5.jpg
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


http://ustaderslik.com/resim/ders/hj8t85dr8r.jpg

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

3- Typicons


http://ustaderslik.com/resim/ders/8g7h7t8h4g.jpg

Link : http://typicons.com/

4- Mfglabs


http://ustaderslik.com/resim/ders/7er7dw74.png

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.




burax13
burax13 3 Yıl Önce Cevaplandı
site tasarımı çok hoş gerçekten, süper site yapmışssınız
cArleone
cArleone 3 Yıl Önce Cevaplandı
Sağol :)



Kod
Kalın
Vurgu
Resim
Video
Url
CEVAPLA
Tüm Hakları Saklıdır. ©Arleone 2013-2014 UstaDerslik






Giriş
Şifremi Unuttum...
Şifre Talep
  Kuralları Kabul Ediyorum.
Kaydol