Web geliştirmede acemiyim ve son zamanlarda Twitter Bootstrap ile çalışmaya başladım, nasıl kullanılacağını zaten bildiğim Glyphicons kullandığını biliyorum. Ama Bootstrap için inşa edildiğini söyleyen Font Awesome ile de karşılaştım .
İkisi arasındaki farklar nelerdir? Yani biri diğeri için alternatif mi? Yoksa onları farklı yerlerde mi kullanmalısınız?
Yanıtlar:
Bootstrap yılında 2.xx Glyphyicons idi dolayısıyla kolayca vb, boyutunu artırmak rengi, arka plan-rengini değiştiremez, resim biçiminde. Ancak font-awesome size anında özelleştirilebilen ölçeklenebilir vektör simgeleri sunar - boyut, renk, alt gölge ve CSS'nin gücüyle yapılabilecek her şey.
Font-awesome, yeni simgelerle zaman zaman güncellenen Glyphyicons için gerçekten bir alternatif. Fat ve Mdo, Font-awesome'i Glyphyicon'ların yerini alacak şekilde bootstrap sürüm 3'e entegre etmeyi planlıyor.
Benim önerim, font-awesome ile bootstrap kullanmanızdır. Öncelikle bootstrap css ve ardından Font-awesome css ekleyin, böylece Glyphyiconlar font-awesome tarafından geçersiz kılınır.
GÜNCELLEME
Gelen önyükleme sürümü 3.xx glyphicons bile 12px font-boyut olarak güzel hale getirecek yazı biçimi haline. Fontawesome'nın en son sürümünü, yani 4.01 kullanıyorsanız, fontawesome ile her iki glifi de kullanabilirsiniz.
Harika Yazı Tipi: - 150'den fazla simge daha - Varsayılan önyükleme yazı tipinde mükemmel piksel (14px) - Simgeler aynı boyuta sahip değildir ve her birinin hizalanması için özel css gerektirir - Madde işaretli liste, dönüş (css3 ile eklenebilir), yığılmış simgeler içerir ve döndürücü animasyonu (manuel olarak eklenebilir) Glyphyicons: - Daha Az Simge - Daha büyük yazı tipi boyutunda Pixel Perfect (16px) - Aynı boyutta simgeler
bkz: http://tagliala.github.io/vectoriconsroundup/
Font awesome, belirli bir font ve "sihir" yapmak için bazı css kullanılarak elde edilen vektör ikonlarının bir koleksiyonudur, Glyphicons sprite-css tekniğini kullanır.
İkisini de kullanabilirsiniz, sadece Bootstrap'in birinden sonra css dosyasını ekleyin.
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>
Glifikonlara sahip olmak istemiyorsanız, sadece harika fontlara sahip olmak istiyorsanız, buraya gitmeli ve Bootstrap indirmenizi glif simgeler olmadan elde etmek için özelleştirmelisiniz.