Użyj Font Awesome w Inkscape


16

Czy istnieje sposób na konwersję ikon Font Awesome na grafikę SVG, dzięki czemu mogę ich używać w Inkscape wewnątrz innych obrazów wektorowych?

Import czcionek Awesome do Inkscape dla Icon Reference nie pomaga tutaj, ponieważ odnosi się to tylko do edytora czcionek - ale chcę tylko przekonwertować czcionkę na zestaw grafiki SVG.

czy to możliwe? Jeśli tak to jak?

Odpowiedzi:



21

Używam Inkscape przede wszystkim jako mojego głównego edytora wektorów. Jestem na komputerze Mac.

O ile mogę stwierdzić, nie ma sposobu, aby po prostu przenieść wektory bezpośrednio do Inkscape (można by pomyśleć, że otwarcie pliku czcionek svg dałoby ci coś innego niż nie)

Zainstalowałem czcionkę otf (ponownie jestem na komputerze Mac, jeśli w systemie Windows wypróbuj inne typy czcionek, jeśli nie lubisz tej czcionki). Skopiuj wszystkie znaki jako typ.

Następnie „zarysuj” je w Inkscape, tak jak zamienisz dowolną czcionkę w grafikę.

W ten sposób otrzymałem wektory w Inkscape.

Żeby było jasne: po zainstalowaniu najnowszej czcionki Font Awesome otwieram stronę „cheatheet” Font Awesome: http://fontawesome.io/cheatsheet/

Jako czcionkę wybieram czcionkę FontAwesome w programie Inkscape

Następnie kopiuję samą ikonę ze strony ściągu Font Awesome i wklejam do Inkscape jako tekst.

Na koniec po prostu „rozgrupuj” zaznaczenie tekstu, aż stanie się on łatanym obiektem.

Następnie możesz zmienić / podkręcić wektory.


działa bez problemu na Ubuntu. dzięki za link do ściągawki.
n3rd

Na Ubuntu po prostu skopiuj plik .otf do $ HOME / .fonts i uruchom fc-cache -f -v, aby zainstalować czcionkę.
Eldelshell

Podczas wklejania go bezpośrednio ze strony internetowej występuje problem z kodowaniem ...
538ROMEO,

4

Dodałem również tę odpowiedź do oryginalnego postu, dodając tutaj również:

Zrobiłem to: utwórz nowy plik inkscape z prostą ścieżką. Zapisz i zamknij Inkscape, otwórz plik za pomocą edytora tekstu. Teraz otwórz plik SVG Fontawsome w edytorze tekstu. Skopiuj wszystkie tagi, wklej je w pierwszym pliku, wewnątrz tagu. Wyszukaj „glif”, zamień na „ścieżka”. Zapisz plik. Teraz otwórz ten plik Inkscape. Wszystkie glify zostały zamienione na ścieżkę, ale leżą jeden na drugim.

Przeniesienie i zmiana rozmiaru zajęło mi około 5 minut (wyrównywanie + dystrybucja bardzo pomaga tutaj), aby zmienić rozmieszczenie wszystkich ikon na kilkanaście kolumn na stronie.


4

Możesz użyć biblioteki „symboli”, która jest bardzo przydatna.

Możesz zaimportować niektóre ikony, na przykład niesamowite czcionki.

To repozytorium jest świetne: https://github.com/Xaviju/inkscape-open-symbols

symbole inkscape


2
Dam ci +10, gdybym mógł! Tak łatwo, szybko i znacznie lepiej niż po prostu zestaw niesamowitych czcionek! Bardzo dziękuję !
538ROMEO,

-1

Możesz wyjaśnić nieco lepiej, czym jest Font Awesome. Przypuszczam, że istnieją obrazy PNG, prawdopodobnie małe. W programie Illustrator przekonwertowałem logo PNG i JPEG na obrazy wektorowe. Podejrzewam, że to samo można zrobić w Inkscape. To dużo pracy, a dla jednego rozsądnego rozmiaru logo jest to wykonalne, chociaż nigdy nie będzie idealne. Myślę, że w przypadku wielu naprawdę małych obrazów zbyt dużo pracy.

Czy skontaktowałeś się z twórcami tych obrazów? Może mają je gdzieś dostępne.

Lepiej google dla grafiki wektorowej, użyj wyszukiwania grafiki Google z ai, eps lub svg jako filtrem typu pliku i użyj innego zestawu.


1
Czcionka Awesome to czcionka z ikonami wektorowymi, dlatego wątpię, że składa się z plików PNG.
Golo Roden

1
Jeśli jest to czcionka, powinieneś być w stanie używać jej w Inkscape, wpisz wszystkie niezbędne ikony, a następnie (w slangu Illustrator) „utwórz kontur” lub (w języku Inkscape) „przekonwertuj obiekt na ścieżkę”. Nie wiem, gdzie i jak, ale tak to robię w programie Illustrator.
SPRBRN

4
Nie powinieneś odpowiadać na pytania, w których możesz pomóc ... nawet nie wiesz, czym jest Font Awesome!
Jonathan Tonge,

-1

Możesz dodać go jako czcionkę prawdziwą w systemie Windows, a następnie użyć, charmapaby znaleźć to, czego potrzebujesz.

C:\windows\fonts

C:\windows\system32\charmap.exe

5
Jak to tworzy pliki SVG?
Kevin Panko
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.