SVG İle Kendi İkon Fontumu Nasıl Oluşturabilirim?

+1 oy
402 Görünüm
17, Mayıs, 2017 Html kategorisinde Ertuğrul (205 puan) tarafından soruldu
Merhaba kendi tasarladığım svg ikonların kullanılması gereken bir web sitem var ama bu svgleri mümkünse fontwesome gibi ikon fontuna çevirip class'la çağırmak istiyorum html'de bunu nasıl yapabilirim?
Paylaş

1 cevap

+3 oy
7, Haziran, 2017 KOD-KARTAL (8,691 puan) tarafından cevaplandı
7, Haziran, 2017 Ertuğrul tarafından seçilmiş
 
En İyi Cevap

Merhaba biraz geç oldu ama :) 

Icomoon adında bir font hizmeti var aşağıda verdiğim sitenin "uygulama" kısmından kendi font kütüphanenizi oluşturabiliyorsunuz.

Icomoon App

Burada İster Hali Hazırda İçindeki Font Kütüphanelerini Projeye Dahil Edip İçlerinden İstediğinizi Seçebilirsiniz, İstersenizde Kendiniz Bilgisayardan Svg Dosyaları vs Yükleyip Onları Seçebilirsiniz.

Kendi Hazır Kütüphanelerinden Premium/Paralı Olanlar Var Ama Ücretsizlerde Mevcut Fontawesome Gibi. İkon Fontunuzun Bir Kısmı Kendi Yüklediğiniz Özel Svg İkonlar Diğer Kısmıda Hazır Kütüphanelerden Seçtikleriniz Olabilir Özelleştirmek Size Kalmış.

İsterseniz İkonları Boyutlarını Pozisyonları Düzenlemekte Mümkün. Benim Tavsiyem Yüklediğiniz İkonları Aynı Ölçüde Çalışmış Olun... Mesela 20x20px Alanda Çalışılmış Kenar Boşlukları Olmayan Tam Ortalanmış İkonlar Tasarlayın. Böylece Sosyal Medya İkonları vs Yan Yana Dizildiğinde, Komik Farklı Ölçek ve Posizyonlarda Durmaz. Son Olarak İndirmeden Önce Preferences Kısmından Fontawesome'un ".fa" İkon Class Çağırıcısı Gibi, Kendi Class Adınızı Lisans ve İkon İsimlerinizi vs. Tek Tek Ayarlayabilirsiniz.

Bu Hafta En Aktif Üyeler
    ...