Bunun için 3 yol var.
-
Icomoon üzerindeki hesaptan giriş yapıp, yeni bir icon seçip, yeni fontu indirebilirsin.
-
Github üzerinden projeyi indirip, icomoon'a tekrar import edebilirsin. Burada Github projesindeki projesinin de güncel olması önemlidir. Bunu unutmayalım
-
Icomoon sitesi bir gün aramızdan ayrılırsa, font dosyası düzenlemeyi sağlayan yardımcı bir uygulama ile font dosyasını güncellemek mümkün fakat bu oldukça zahmetli olacaktır.
-
Icomoon'un bize sağlamış olduğu demo klasöründeki fonts>dugun-icons.woff font dosyasını, Website UI projemizdeki assets>fonts>dugun-icons.woff dosyanın üzerine yapıştırın.
-
style.css dosyası içindeki css kodlarını assets>scss>common>icons>_dugun-icons.scss içeriğiyle değiştirin. Değişim yaparken şunu unutmayın
Bu yüzden icon kütüphanesi güncellenmesi sonrası icons projesini de güncellemeyin unutmayın.
Yaptığınız yeni ikon seçimi veya yeni ikon eklemekten bağımsız olarak ikon seçimleri yapıldıktan sonra Dugun.com.json ve selection.json güncellemeyi unutmayın.
Projedeki isimlendirme kurallarına uyun. Light, regular, bold, custom, brands isminde 4 farklı icon grubumuz var. Yeni eklenecek icon isimleri için de aynı kurallara uyarak düzenleme yapın.
assets>scss>common>icons>_dugun-icons.scss bu dosya salt icomoon'un bize verdiği css dosyamız değil. Ufak tefek değişiklikler var. Bu yüzden yeni css dosyası ile değiştirirken dikkatli olun. Sadece icon classlarını değiştirin. Lint etmeyi unutmayın.
icons projesindeki genel değişiklikleri tamamladıktan sonra belirlediğimiz prettier ayarları ile tüm dosyaları formatlamak için aşağıdaki kodu çalıştırın.
npx prettier --write .