Cuma 24 Mart 2023
Hakkında
Yazarlarımız
Reklam
Künye
İletişim
Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı

Bülten

Sosyal Medya Yasası Kabul Edildi

Binance ‘e Siber Saldırı

Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı
  • BAŞLARKEN
    • KOD
      • PHP
      • Asp.Net
      • Swift
      • MySQL
      • CMS
  • TASARIM
    • İpuçları
    • Çizim
    • Illustrator
    • Photoshop
    • Trendler
  • ARAYÜZ
    • JavaScript
    • HTML5
    • CSS
    • REACT
  • İPUÇLARI
    • API
    • Güvenlik
    • IDE
    • Framework
    • OS
    • Verimlilik
    • İçerik
      • Dökümantasyon
      • İpuçları
      • Nasıl Oluşturulur?
  • KAYNAKLAR
    • Tasarım
    • Kod
    • İş
  • GİRİŞİM
    • Finans
    • Girişimci
    • Nasıl yapılır?
  • ARAÇLAR
  1. Anasayfa
  2. CSS
  3. IcoFont – Tek Bir Font Dosyasında 2100+ İkon
 IcoFont – Tek Bir Font Dosyasında 2100+ İkon
CSS HTML5

IcoFont – Tek Bir Font Dosyasında 2100+ İkon

Yazar : Bilal UÇAR 20 Haziran 2017 0 Comment

Web fontlarının ve gömülebilir CSS fontların yükselişi ile günümüzde gerçekten benzersiz web sitelerini sıfırdan oluşturmak çok daha kolay.

En yeni trend, genellikle görüntülerden daha küçük, ölçeklenmeyi çok daha kolay olan ve tüm ekran boyutlarında (retina da dahil olmak üzere) kristal netliğinde simge fontlardır. Bu ikon fontlarının çoğunu çevrimiçi olarak bulabilirsiniz, ancak IcoFont gerçekten basit ve kullanışlı.
Bu ücretsiz simge yazı tipi tümü tek bir yazı tipi dosyasına paketlenmiş 2.100’den fazla simge ile birlikte gelir.

Ham kaynağı, simgeler veya para, işletme, sosyal veya mobil UI gibi yalnızca belirli simge “aileler” ile indirebilirsiniz (diğerleri arasında).

Web sitesi, tüm bu simgeler için bir çevrimiçi belge gibi davranıyor; böylece kodları sitenize hızlıca kopyalayıp yapıştırabilirsiniz. IcoFont simgeleri, örneğin Bootstrap çerçevesinde varsayılan olarak kullanılan FontAwesome simgeleri gibi çalışır.

Her şey, iki CSS sınıfı gerektiren i öğesi aracılığıyla çalışır:

  • Varsayılan IcoFont sınıfı
  • Her simge türü için bir sınıf

Örneğin, belgenize bir kale simgesi eklemek için kodlarınıza şu şekilde bir şey eklersiniz:

Bu simgeleri teknik olarak istediğiniz herhangi bir öğeye ekleyebilirsiniz ancak varsayılan IcoFont kodu i öğelerine dayanmaktadır.


Bu kütüphanenin, bir kitaplık değil, RoR uygulamalarınızdaki ikon fontlarını yönetmek için bir arayüz olan Icofont adlı bir programla karıştırılmaması gerektiğini unutmayın. Bu program IcoFont kitaplığı ile aynı adı taşıdığından, daha fazla bilgi için zorlu bir Googling olabilir.

Bu kütüphane hala çok yeni ve GitHub’da veya web üzerinde başka hiçbir yerde bulamıyorum. Ancak, daha fazla bilgi arıyorsanız, web sitesini ziyaret etmenizi ve bir kopyasını indirmenizi şiddetle tavsiye ederim. Doğru kaynak kodunu hemen burada bulacaksınız ve sette neler olduğunu görmek için kategorilere göre tüm simgelere göz atabilirsiniz.

Bu makalede ücretsiz olarak kullanabileceğiniz 2100’den fazla ikon fontu bulunan IcoFont’tan bahsettik. Bu konu hakkındaki düşüncelerinizi yorum yaparak bizlerle paylaşabilirsiniz.

Etiketler: css ikon font dosyası ikon font ücretsiz ikon font
Önceki Yazı
Sonraki Yazı

Bilal UÇAR (Website)

administrator

Front-end Developer @Webmaster.Kitchen. Front-end developer olarak çalışıyorum. Bu konuda öğrendiklerimi sizlerle paylaşmaya çalışıyorum. Siz de yaptığınız çalışmaları, edindiğiniz bilgileri paylaşabilirsiniz. Yorum alanı ile mutfağa katkıda bulunun.

Yorum Yap Yorumu İptal Et.

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

Taze Yazılar
Güncel

Sosyal Medya Yasası Kabul Edildi

14 Ekim 2022
Blockchain

Binance ‘e Siber Saldırı

8 Ekim 2022
Blockchain

Binance ‘den Ücretsiz Eğitim

5 Ekim 2022
Güncel

Japonya için Yenilenen Corolla

4 Ekim 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.