Twitter bootstrap 3 - özel bir glifoni oluşturun ve glifona ekleyin "font"

Question

İyi insanlar. Ben twitter bootstrap3 çalıştırıyorum ve ben simge olarak yazı tipi olarak yeni bir yol ile son derece mutluyum. Ancak, bazı özel simgelere ihtiyacım var; Onları kendim yapmalı ve ideal olarak mevcut yazı tipine entegre etmeliyim. Şanssız arama yaptım. Illustrator, vektör grafikleri vb. Ile tanıdık ama nasıl entegre olurum?

En kötü durum senaryosu, görüntüleri geleneksel şekilde yapacağım, ancak daha iyi bir çözüm bulunmasını umuyorum.

Herhangi bir fikrin var mı?

Answer 1

Bu işlem bir seçenek olabilir.

IcoMoon App'u kullanabilirsiniz. Onların library hızlı bir başlangıç ​​için seni almak veya glyphicon indirmek ve özel simgeler için fontawesome-webfont.svg

yükleyebilir, SVG lezyonu oluşturmak, IcoMoon yükleyin ve FontAwesome eklemek hangi FontAwesome içerir/Glyphicon seti.

Yazı tipi kümesini dışa aktardığınızda ve herhangi bir simge yazı tipini yaptığınız gibi yüklediğinizde.

İyi şanslar! İçe aktarılan SVG dosyası simgeleri iconmoom.app aktarmak sonra yanlış hizalanmış görünse de

GÜNCELLEME

, ilk olarak bir web sayfasında kullanıldığında aslında nasıl göründüğünü kontrol. Bana öyle geliyor ki, önizleme her zaman mükemmel olmayabilir. Alternatif olarak, iconmoon.app araç çubuğunda, hareket etmenize ve yeniden boyutlandırmanıza izin veren bir düzenleme simgesi vardır.

Answer 2

Burada belirtilenlere alternatif bir araç arıyorsanız, çok yararlı olabilmek için https://glyphter.com/ numaralı telefonu buldum. Oldukça basittir ve bir .svg dosyası yüklemenizi, onu izlemenizi, diğer birçok font paketinden daha fazlasını eklemenizi ve kullanımınız için yeni font setini indirmenizi sağlar.