Verwenden Sie Font Awesome in Inkscape


16

Gibt es eine Möglichkeit, Font Awesome-Symbole in SVG-Grafiken zu konvertieren, damit ich sie in Inkscape in anderen Vektorgrafiken verwenden kann?

Das Importieren von Font Awesome in Inkscape for Icon Reference hilft hier nicht weiter, da es sich nur um den Font-Editor handelt. Ich möchte die Schriftart jedoch nur in eine Reihe von SVG-Grafiken konvertieren.

Ist das möglich? Wenn das so ist, wie?

Antworten:



21

Ich verwende Inkscape hauptsächlich als meinen primären Vektoreditor. Ich bin auf einem Mac.

Soweit ich das beurteilen kann, gibt es keine Möglichkeit, die Vektoren direkt in Inkscape zu importieren.

Installierte die Schriftart otf (wieder bin ich auf einem Mac, wenn Sie unter Windows andere Schriftarten ausprobieren, wenn Ihnen die Schriftart otf nicht gefällt). Kopieren Sie alle Zeichen als Typ.

Skizzieren Sie sie dann in Inkscape so, als würden Sie jede Schriftart in ein Kunstwerk verwandeln.

So habe ich die Vektoren in Inkscape erhalten.

Um es klar auszudrücken: Nach der Installation der neuesten Schriftart "Font Awesome" öffne ich die Seite "Font Awesome": http://fontawesome.io/cheatsheet/

Ich wähle die Schriftart FontAwesome als meine Schriftart in Inkscape aus

Ich kopiere dann das ICON selbst von der Font Awesome-Spickzettel-Seite und füge es als Text in Inkscape ein.

Zuletzt müssen Sie nur die Gruppierung der Textauswahl aufheben, bis ein Objekt mit Pfad erstellt wird.

Sie können dann die Vektoren ändern / optimieren.


funktioniert problemlos unter Ubuntu. Danke für den Cheatsheet-Link.
3.

Kopieren Sie unter Ubuntu einfach die .otf-Datei nach $ HOME / .fonts und führen Sie fc-cache -f -v aus, um die Schriftart zu installieren.
Eldelshell

Es gibt ein Codierungsproblem, wenn ich es direkt von der Website
einfüge

4

Ich habe diese Antwort auch zum ursprünglichen Beitrag hinzugefügt und hier auch hinzugefügt:

Ich habe Folgendes getan: Erstellen Sie eine neue inkscape-Datei mit nur einem einfachen Pfad. Speichern und schließen Sie Inkscape und öffnen Sie die Datei mit einem Texteditor. Öffnen Sie nun die Datei fontawsome svg mit einem Texteditor. Kopieren Sie alle Tags und fügen Sie sie in die erste Datei innerhalb des Tags ein. Suchen Sie nach "Glyphe" und ersetzen Sie diese durch "Pfad". Speicher die Datei. Öffnen Sie nun diese Datei Inkscape. Alle Glyphen wurden jetzt in Pfad umgewandelt, aber sie liegen übereinander.

Das Verschieben und Ändern der Größe (Ausrichten + Verteilen hilft hier sehr) dauerte ungefähr 5 Minuten, um alle Symbole auf ungefähr ein Dutzend Spalten innerhalb einer Seite neu anzuordnen.


4

Sie können die Bibliothek "Symbole" verwenden, die sehr nützlich ist.

Sie können einige Symbole importieren, z. B. Schriftarten.

Dieses Repository ist großartig: https://github.com/Xaviju/inkscape-open-symbols

Inkscape-Symbole


2
Ich gebe dir +10, wenn ich könnte! So einfach, schnell und noch viel besser, als nur ein tolles Icon-Set für Schriften! Vielen Dank !
538ROMEO

-1

Sie können ein bisschen besser erklären, was Font Awesome ist. Ich nehme an, es gibt PNG-Bilder, die wahrscheinlich klein sind. Ich habe PNG- und JPEG-Logos in Illustrator in Vektorgrafiken konvertiert. Ich nehme an, dasselbe kann in Inkscape gemacht werden. Es ist eine Menge Arbeit, und für ein angemessen großes Logo ist dies machbar, obwohl es niemals perfekt sein wird. Für viele wirklich kleine Bilder finde ich zu viel Arbeit.

Haben Sie die Urheber dieser Bilder kontaktiert? Vielleicht haben sie sie irgendwo zur Verfügung.

Sie sollten besser nach Vektorgrafiken googeln, die Google Bildsuche mit ai, eps oder svg als Dateitypfilter verwenden und einen anderen Satz verwenden.


1
Font Awesome ist eine Schriftart mit Vektor-Icons, daher bezweifle ich, dass sie aus PNGs besteht.
Golo Roden

1
Wenn es sich um eine Schriftart handelt, sollten Sie sie in Inkscape verwenden können, alle erforderlichen Symbole eingeben und dann (in Illustrator-Slang) "Kontur erstellen" oder (in Inkscape-Sprache) "Objekt in Pfad konvertieren". Ich weiß nicht wo oder wie, aber so mache ich es in Illustrator.
SPRBRN

4
Sollten Sie keine Fragen beantworten, bei denen Sie helfen können, wissen Sie nicht einmal, was Font Awesome ist!
Jonathan Tonge

-1

Sie können es in Windows als True-Type-Schriftart hinzufügen und dann verwenden charmap, um zu finden, was Sie benötigen.

C:\windows\fonts

C:\windows\system32\charmap.exe

5
Wie werden SVG-Dateien erstellt?
Kevin Panko
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.