Anasayfa » Toolkit » Micon - Web Tasarımcıları için Windows 10 Simge Yazı Tipi

    Micon - Web Tasarımcıları için Windows 10 Simge Yazı Tipi

    Windows 10 için yeniden tasarlama birçok yeni özellik ve yepyeni bir görünüm ile geldi. En büyük değişikliklerden biri simge stiline geldi, özellikle Windows 7 ve XP ile karşılaştırıldığında.

    Sayesinde Micon seti, şimdi yapabilirsin Win10 tarzı simgeleri doğrudan web sitenize getirin.

    Bu simge paketi simge yazı tipi olarak geliyor ve Onun GitHub ile ücretsiz olarak yayınlandı. Ana repo kurulum bilgisine sahip, ama Micon ana sayfası tüm simgelere sahiptir uygun sınıf adları ile ekranda.

    Gerçek web sitesi yapısı Font Awesome ile benzer bir format izler. Yapabilirsin tüm simgelere göz atın ve yeni bir sayfada daha fazla ayrıntı almak için bunlardan herhangi birini tıklayın..

    Örneğin, bir batarya tasarımı ve küçük bir şarj fişi kullanan bu batarya şarj simgesini kullanın. Alacaksınız simgesinin çeşitli boyutlarda önizlemesi, ile birlikte CSS simgesi sınıfı, bu durumda mi-BatteryCharging10.

    Bu simge seti aynı zamanda yapabileceğiniz Font Awesome gibi çalışır. simgeleri doğrudan HTML'nize gömün. Bu pil simgesinin kod pasajı aynı şekilde çalışır:

      

    Başlamak için süper kolay, sadece Micon CSS stil sayfasının bir kopyası ve Ön uç gelişimin bazı temel bilgileri.

    Kontrol et kurulum sayfası daha fazla öğrenmek için. Gerçekten, sadece ihtiyacın var Micon paketinin bir kopyasını GitHub'dan indirin ve bu stil sayfasını (uygun simge yazı tipleri ile birlikte) sayfanıza ekleyin. Oradan, sadece sınıf isimlerine referans Yukarıdaki gibi ve gitmek iyisin.

    Bu proje açık kaynak olduğundan, siz kişisel veya ticari herhangi bir proje ile bu simgeleri kullanmak ücretsiz. Ve hatta kendi dosyanızı oluştur Micon GitHub'dan derleme talimatlarını izleyerek. Bu şekilde yapabilirsiniz sadece istediğiniz simgeleri toplayın font dosyalarına girin ve toplam dosya boyutunu azaltın.

    Genel olarak, gerçekten etkilendim simgelerin çeşitliliği ve kolay kurulum. Bulabilirsin bol miktarda örnek web sitesinde ve hatta animasyonlu simgeler Kod parçacıklarını içeren Örnekler sayfasında.

    Bu simgeler bile Bootstrap ile iyi çalışın, Böylece yapabilirsiniz BS3 / BS4 çerçevesi ile birleştirin bazı gerçek özel düzenler için.

    Micon ana sayfasından ücretsiz bir telif hakkı indirin ve bu Windows 10 tarzı simgeleri bir sonraki tasarımınıza nasıl uygulayabileceğinizi görün.