2015-12-31 14 views
7

Font-awesome'dan belki bir düzine simgelerini kullanan grunt kullanılarak oluşturulan bir açısal projem var. Şu anda, tüm font-awesome kütüphanesini dahil ediyorum ve dağıtıyorum. Sadece kullandığım simgeleri (tercihen inşa sürecinin bir parçası olarak) "çekip çıkarmanın" bir yolu var mı?Aslında kullandığım düzine simgeleri nasıl "çekerim"?

icomoon uygulamasını gördüm ve bu bana istediğim sonucu veriyor gibi görünüyor, ancak simge kullanımının ne zaman değişeceğini bildirmek manuel bir işlemdir.

+2

- yalnızca yazıtipinin içinde Açısı 'anahtar kelimelerini simgeleri dahil etmek istiyorsanız gibi

Örneğin, sonra hırıltı görev olacaktır. Bunu yapmak için zor bir görev yazmaya çalıştım ama işe yaramayacaktım. Umarım bu soruna bir çözüm vardır, bu yüzden font-awesome'i kullanmayı bıraktım ve tamamen SVG'ye güvenmeye başladım –

+1

Bunu yaparak ne kazanıyorsunuz? – Vaelyr

+0

Sanırım eflat, tüm kullanıcıların web sitesini ziyaret ederken indirmesi gereken dosyaların boyutunu azaltmak istiyor. – Rentrop

cevap

2

Her bir Yazı Tipi Başarısı simgesi için tek tek SVG dosyalarını almak için Font-Awesome-SVG-PNG'u kullanın.

font-awesome-svg-png --color black --sizes 128 --no-png 

Ardından seçtiğiniz simgeleri birleştirmek (önceki adımda oluşturulan SVG lezyonu itibaren) özel yazıtipinin içine, grunt-webfont kullanarak. Ben bu soruya bir cevap beklediği

webfont: { 
    icons: { 
     src: 'black/svg/angle-*.svg', 
     dest: 'build/fonts' 
    } 
} 
İlgili konular