Utilisez Font Awesome dans Inkscape


16

Existe-t-il un moyen de convertir les icônes Font Awesome en graphiques SVG, afin de pouvoir les utiliser dans Inkscape à l'intérieur d'autres images vectorielles?

L'importation de Font Awesome dans Inkscape pour la référence des icônes n'aide pas ici, car cela ne fait référence qu'à l'éditeur de polices - mais je veux juste convertir la police en un ensemble de graphiques SVG.

Est-ce possible? Si c'est le cas, comment?

Réponses:



21

J'utilise Inkscape principalement comme mon principal éditeur de vecteurs. Je suis sur un Mac.

Pour autant que je sache, il n'y a aucun moyen d'obtenir simplement les vecteurs directement dans Inkscape (vous penseriez que l'ouverture du fichier de police svg vous donnerait quelque chose mais non)

Installé la police otf (encore une fois, je suis sur un Mac, si sous Windows essayez d'autres types de polices si vous n'aimez pas l'otf). Copiez tous les caractères comme type.

"Décrivez-les" ensuite dans Inkscape comme vous transformeriez n'importe quelle police en illustration.

C'est ainsi que j'ai obtenu les vecteurs dans Inkscape.

Pour être clair: après avoir installé la dernière police Font Awesome, j'ouvre la page "cheatsheet" Font Awesome: http://fontawesome.io/cheatsheet/

Je sélectionne la police FontAwesome comme police dans Inkscape

Je copie ensuite l'ICÔNE elle-même à partir de la page de la feuille de calcul Font Awesome et la colle dans Inkscape en tant que texte.

Enfin, "dissociez" simplement la sélection de texte jusqu'à ce qu'elle devienne un objet tracé.

Vous pouvez ensuite modifier / modifier les vecteurs.


fonctionne sans problème sur Ubuntu. merci pour le lien cheatsheet.
2015 à 5h01

Sur Ubuntu, copiez simplement le fichier .otf dans $ HOME / .fonts et exécutez fc-cache -f -v pour installer la police.
Eldelshell

Il y a un problème d'encodage lorsque je le colle directement depuis le site ...
538ROMEO

4

J'ai également ajouté cette réponse au message d'origine, en ajoutant ici également:

Ce que j'ai fait, c'est ceci: créer un nouveau fichier inkscape avec juste un chemin simple dedans. Enregistrez et fermez Inkscape, ouvrez le fichier avec un éditeur de texte. Maintenant, ouvrez le fichier svg fontawsome avec un éditeur de texte. Copiez toutes les balises, collez-les dans le premier fichier, à l'intérieur de la balise. Recherchez "glyphe", remplacez par "chemin". Enregistrez le fichier. Maintenant, ouvrez ce fichier Inkscape. Tous les glyphes ont maintenant été convertis en chemin, mais ils se superposent.

Il m'a fallu environ 5 minutes de déplacement et de redimensionnement (aligner + distribuer aide beaucoup ici) pour réorganiser toutes les icônes sur une douzaine de colonnes à l'intérieur d'une page.


4

Vous pouvez utiliser la bibliothèque "symboles", qui est très utile.

Vous pouvez importer des icônes, comme une police géniale.

Ce référentiel est génial: https://github.com/Xaviju/inkscape-open-symbols

symboles inkscape


2
Je vous donnerai +10 si je le pouvais! Si facile, rapide et bien meilleur que juste un jeu d'icônes impressionnant! Merci beaucoup !
538ROMEO

-1

Vous pouvez expliquer un peu mieux ce qu'est Font Awesome. Je suppose qu'il existe des images PNG, probablement de petite taille. J'ai converti les logos PNG et JPEG en images vectorielles, dans Illustrator. Je suppose que la même chose peut être faite dans Inkscape. C'est beaucoup de travail, et pour un logo de taille raisonnable, c'est faisable même s'il ne sera jamais parfait. Pour beaucoup de très petites images, trop de travail je pense.

Avez-vous contacté les créateurs de ces images? Peut-être qu'ils les ont disponibles quelque part.

Vous feriez mieux de google pour les graphiques vectoriels, utilisez la recherche d'images Google avec ai, eps ou svg comme filtre de type de fichier et utilisez un autre ensemble.


1
Font Awesome est une police avec des icônes vectorielles, je doute donc qu'elle soit composée de PNG.
Golo Roden

1
S'il s'agit d'une police, vous devriez pouvoir l'utiliser dans Inkscape, saisir toutes les icônes nécessaires, puis (dans l'argot Illustrator) "créer un contour" ou (dans le langage Inkscape) "convertir l'objet en chemin". Je ne sais pas où ni comment, mais c'est comme ça que je le fais dans Illustrator.
SPRBRN

4
Ne devriez-vous pas répondre à des questions auxquelles vous pouvez aider ... vous ne savez même pas ce qu'est Font Awesome!
Jonathan Tonge

-1

Vous pouvez l'ajouter en tant que police de type réel dans Windows, puis l'utiliser charmappour trouver ce dont vous avez besoin.

C:\windows\fonts

C:\windows\system32\charmap.exe

5
Comment cela crée-t-il des fichiers SVG?
Kevin Panko
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.