Utilice Font Awesome en Inkscape


16

¿Hay alguna manera de convertir los íconos de Font Awesome en gráficos SVG, de modo que pueda usarlos en Inkscape dentro de otras imágenes vectoriales?

Importar Font Awesome a Inkscape para Icon Reference no ayuda aquí, ya que esto solo se refiere al editor de fuentes, pero solo quiero convertir la fuente en un conjunto de gráficos SVG.

es posible? ¿Si es así, cómo?

Respuestas:



21

Utilizo Inkscape principalmente como mi editor de vectores principal. Estoy en una Mac

Por lo que puedo decir, no hay forma de obtener los vectores directamente en Inkscape (pensaría que abrir el archivo de fuente svg le daría algo pero no)

Instalé la fuente otf (nuevamente estoy en una Mac, si en Windows prueba con otros tipos de fuente si no te gusta la otf). Copie todos los caracteres como tipo.

Luego "delimítelos" en Inkscape como convertiría cualquier fuente en una ilustración.

Así es como obtuve los vectores en Inkscape.

Para ser claros: después de instalar la última fuente Font Awesome, abro la página "Cheatsheet" de Font Awesome: http://fontawesome.io/cheatsheet/

Selecciono la fuente FontAwesome como mi fuente en Inkscape

Luego copio el ICONO de la página de la hoja de trucos Font Awesome y lo pego en Inkscape como texto.

Por último, simplemente "desagrupe" la selección de texto hasta que se convierta en un objeto con parche.

Luego puedes cambiar / ajustar los vectores.


funciona sin problemas en Ubuntu. gracias por el enlace de la hoja de trucos.
n3rd

En Ubuntu, simplemente copie el archivo .otf a $ HOME / .fonts y ejecute fc-cache -f -v para instalar la fuente.
Eldelshell

Hay un problema de codificar cuando me pega directamente desde el sitio web ...
538ROMEO

4

También agregué esta respuesta a la publicación original, agregando aquí también:

Lo que he hecho es esto: crear un nuevo archivo inkscape con solo una ruta simple. Guarde y cierre Inkscape, abra el archivo con un editor de texto. Ahora, abra el archivo svg fontawsome con un editor de texto. Copie todas las etiquetas, péguelas dentro del primer archivo, dentro de la etiqueta. Busque "glifo", reemplácelo con "ruta". Guarda el archivo. Ahora, abra este archivo Inkscape. Todos los glifos ahora se han convertido en ruta, pero se sientan uno encima del otro.

Me llevó unos 5 minutos mover y cambiar el tamaño (alinear + distribuir ayuda mucho aquí) para reorganizar todos los íconos en aproximadamente una docena de columnas dentro de una página.


4

Puede usar la biblioteca de "símbolos", que es muy útil.

Puedes importar algunos íconos, como Font Awesome.

Este repositorio es genial: https://github.com/Xaviju/inkscape-open-symbols

símbolos de inkscape


2
¡Te daré +10 si pudiera! ¡Tan fácil, rápido y mucho mejor que solo un conjunto de iconos de fuente impresionante! Muchas gracias !
538ROMEO

-1

Puede explicar un poco mejor qué es Font Awesome. Supongo que existe de imágenes PNG, probablemente de tamaño pequeño. He convertido los logotipos PNG y JPEG en imágenes vectoriales, en Illustrator. Supongo que lo mismo se puede hacer en Inkscape. Es mucho trabajo, y para un logotipo de tamaño razonable esto es factible, aunque nunca será perfecto. Para muchas imágenes realmente pequeñas, creo que es demasiado trabajo.

¿Has contactado a los creadores de estas imágenes? Quizás los tengan disponibles en alguna parte.

Mejor google para gráficos vectoriales, use la búsqueda de imágenes de Google con ai, eps o svg como filtro de tipo de archivo, y use otro conjunto.


1
Font Awesome es una fuente con iconos vectoriales, por lo tanto, dudo que esté compuesta de PNG.
Golo Roden el

1
Si se trata de una fuente, debería poder usarla en Inkscape, escribir todos los íconos necesarios y luego (en el argot de Illustrator) "crear esquema" o (en lenguaje Inkscape) "convertir objeto en ruta". No sé dónde ni cómo, pero así es como lo hago en Illustrator.
SPRBRN

44
¿No deberías responder preguntas con las que puedas ayudar ... ni siquiera sabes qué es Font Awesome?
Jonathan Tonge

-1

Puede agregarlo como una fuente de tipo verdadero en Windows y luego usarlo charmappara encontrar lo que necesita.

C:\windows\fonts

C:\windows\system32\charmap.exe

55
¿Cómo crea esto archivos SVG?
Kevin Panko
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.