Generación de archivos de fuentes a partir de archivos SVG

Estoy tratando de crear una fuente instalable (trueType, openType + web) a partir de diferentes archivos svg que contienen los caracteres. La parte complicada es que las formas de las letras en realidad son generadas aleatoriamente por una computadora y, siendo un novato total en este tema, me gustaría obtener algunas sugerencias de personas más experimentadas aquí.

Así que mi flujo de trabajo es básicamente este:

  1. Genero el archivo svg en mi navegador usando Javascript y lo descargo como .svg

  2. Puse la forma en Illustrator, la simplifiqué fusionando las formas y configuré el tamaño de la mesa de trabajo para que se corresponda con el ancho y la altura de la forma . Guardar y continuar.

Tengo todos los personajes que quiero admitir como archivos svg separados con diferentes tamaños de mesa de trabajo ( por lo que no están alineados con la misma línea de base, etc. ). Aquí hay un ejemplo:

ingrese la descripción de la imagen aquí

Las importé en FontForge, puse la forma necesaria en cada letra correspondiente y exporté la fuente para probarla. Las formas se asignan a las teclas y se representan correctamente, pero no siguen la misma línea de base y el ancho de los caracteres parece estar desactivado:

ingrese la descripción de la imagen aquí

Aquí se selecciona el carácter B, pero el ancho está desordenado.

¿Qué se podría hacer en esta situación? ¿Tengo que cambiar las formas para que encajen en una línea de base común iterando los archivos .svg o se puede lograr esto en FontForge? También agradecería una recomendación para otros softwares de creación de fuentes populares.

EDITAR: dado que las formas en sí son bastante detalladas, el tamaño del archivo aumenta en consecuencia. Trato de simplificar los svgs tanto como sea posible, mientras obtengo alrededor de ~40kb para cada archivo. ¿Es esto un gran problema para las fuentes? ¿Los proveedores de fuentes tienen algún límite al respecto? ¿Cuál sería un buen tamaño de fuente (en términos de tamaño en el disco duro) por el que luchar?

Hay muchas restricciones cuando se trabaja con fuentes. 1: el tamaño de una fuente está limitado a cajas de 1000x1000 unidades (puntos vectoriales). Es posible que encuentre que esto es demasiado poco para que las pequeñas esferas detalladas de sus fuentes se representen bien. 2: ningún programa de fuentes puede decidir el espaciado de letras por usted. El interletraje y el ajuste son pasos que debe realizar el diseñador de fuentes. Sugiero aprender FontLab (hay un gran libro de Leslie Cabarga sobre FontLab). Lo he estado usando y lo encuentro más fácil de entender que otros.
oye, gracias por tu información. lo investigará. En una nota al margen, utilicé Proxima Nova (lo tengo a través de typeKit) como base para obtener las formas de las letras. Si lo distribuyo como se ve en este momento de forma gratuita, ¿tengo algún problema por esto?

Respuestas (1)

También hubo un problema con la exportación de SVG de Illustrator con respecto al viewBox exportado al cambiar el tamaño de la mesa de trabajo, que es lo que hace en el paso 2 de su flujo de trabajo ( Más información/Preguntas sobre este problema ). La solución podría ser copiar/pegar cada carácter en un nuevo archivo, alinear las rutas (de caracteres) con la esquina superior izquierda y luego usar la Object > Artboards > Fit to artwork boundsopción. Hasta Illustrator 2015.3 (AFAIK) también puede seleccionar las rutas específicas y usar el menú contextual con el botón derecho del ratón y luego seleccionar Export Selectiony luego seleccionar SVG en lugar de seguir el Save ascamino. Parece que Fontforge está importando los SVG exportados de la manera correcta, pero Illustrator los ha exportado de manera incorrecta (como se indicó anteriormente).

Descargo de responsabilidad : sé que lo siguiente suena como una lista de compras, pero no estoy relacionado con ninguno de los siguientes fabricantes y compré y uso las siguientes sugerencias todos los días.

Pruebe Fontself , un complemento de creación de fuentes para Illustrator. Debería ser más fácil solucionar los problemas de línea de base con rutas importadas basadas en SVG.

O pruebe Glyphr Studio, un diseñador de fuentes de código abierto gratuito que se creó por primera vez como una aplicación web y tiene una excelente opción de importación de SVG.

También recomendaría agregar SVGO a su flujo de trabajo después de la creación de las rutas de origen en el navegador y directamente después (o durante) la exportación de los archivos SVG. Esto podría simplificar el camino que conduce directamente a un camino mejor y más ligero al importar y simplificar aún más en Illustrator (si es necesario).

También recomiendo el complemento de ilustrador Vectorscribe para simplificar aún más las rutas con la herramienta Smart Remove Brush que funciona como magia y reduce los puntos de la ruta sin (o solo un poco, dependiendo de la configuración) cambiar otras rutas/curvas/puntos.

Generación de archivos de fuentes a partir de archivos SVG
RespuestasAquíPolítica de privacidad1y, 0v