Twitter bootstrap 3 - utwórz niestandardowy glif i dodaj do glifotypu "czcionka"

Question

Dobrzy ludzie. Używam Twittera bootstrap3 i jestem niezmiernie zadowolony z nowej metody obsługi ikony jako czcionki. Jednak: potrzebuję niestandardowych ikon; Muszę je tworzyć samodzielnie i idealnie zintegrować z istniejącą czcionką. Szukałem bez powodzenia. Jestem dobrze zaznajomiony z ilustratorem, grafiką wektorową itp., Ale jak zintegrować?

Najgorszy scenariusz, zrobię obrazy w tradycyjny sposób, ale mam nadzieję, że istnieje lepsze rozwiązanie.

Wszelkie pomysły?

Answer 1

Ten proces może być jedną z opcji.

Można użyć IcoMoon App. Ich library obejmuje FontAwesome które Ci wysiąść na szybki start, lub pobrać glyphicon i przesłać fontawesome-webfont.svg

dla własnych ikon, tworzenie pomostów żylnych, przesłać je do IcoMoon i dodać je do FontAwesome/Zestaw glifów.

Po zakończeniu wyeksportuj zestaw czcionek i załaduj go tak, jak każdą inną czcionkę.

Powodzenia!

UPDATE

Jeśli importowane ikony plików SVG wydaje wyrównane po zaimportowaniu do iconmoom.app najpierw sprawdzić, jak one rzeczywiście wyglądają, gdy używany na stronie internetowej. Wydaje mi się, że podgląd nie zawsze może być doskonały. Alternatywnie na pasku narzędzi iconmoon.app znajduje się ikona edycji, która umożliwia przenoszenie i zmianę rozmiaru.

Answer 2

Jeśli ktoś szuka alternatywnego narzędzia do wspomnianego tutaj, znalazłem https://glyphter.com/, aby był bardzo przydatny. Jest to dość proste i pozwala przesłać plik .svg, oczyścić go, dodać więcej z kilku innych pakietów czcionek i pobrać nowy zestaw czcionek do użytku.