Problemas de texto al exportar SVG de Illustrator a Inkscape

Me han encomendado la engorrosa tarea de diseñar plantillas de carteles para una universidad en línea que deben guardarse como SVG para que sus departamentos puedan crear sus propios archivos personalizados. Los archivos están construidos en Illustrator CS5. Las fuentes son Open Sans simples (de Google Fonts) que el cliente también usa en la misma versión con licencia. El problema que tengo es que parte de mi formato en Illustrator no se transfiere a Inkscape. Los problemas de interletraje y alineación son los factores principales.

Una vez que el cliente actualice las plantillas, se encargará de imprimir los archivos. Me doy cuenta de que este no es el proceso ideal para configurarlos, pero está cayendo en saco roto. ¡Ayuda!

Respuestas (1)

Estoy en la plataforma CC, por lo que podría ser un poco diferente (tiene una mejor exportación de svg), pero puedes hacerlo de dos maneras.

interletrado

  1. si desea mantener el texto como <texto>, puede editar el svg manualmente: el interletraje se trata un poco como el seguimiento, por lo que el texto se "corta" en fragmentos con otros valores y cada uno de estos fragmentos se envuelve en la etiqueta <tspan> con una clase genérica (en mi caso es .cls-{número}. Al igual que con otros elementos, debe definir un estilo para estas clases, en ese caso, proporcione no solo la familia de fuentes, el tamaño, etc., sino también una letra -espaciado .

Aunque el texto se corta en <tspans> separados (cada uno tiene sus propias coordenadas), Inkscape es totalmente editable (verificado por mi cuenta). Sé que antes de los lanzamientos de CC AI hubo algunos inconvenientes , así que antes de exportar, verifique el código de su svg y modifíquelo más tarde si no tiene algo como esto:

ingrese la descripción de la imagen aquí

  1. guarde texto sin formato sin interletraje en svg, para que Inkscape lo vea como un texto con una clase, y aplique manualmente el interletraje dentro de Inkscape (mirando a Illustrator para obtener los valores correctos). Puede ser un poco más rápido que la edición manual del código svg si no lo comprende bien.

La última forma es expandir el texto: si no necesita un texto que se pueda buscar (y por el hecho de que va a imprimir, supongo que no lo necesita) o editable (este podría ser el problema), entonces este último podría no ser lo que buscas.

alineación

Como puedes ver en el código de arriba no hay alineación, aunque en ai estaba del lado izquierdo. Debe aplicarse manualmente: la alineación se codifica solo con coordenadas xy en este caso, dentro de las etiquetas <text> y <tspan>, por lo que la mejor manera es hacerlo en Inkscape después de todo, o intentar la codificación manual, pero podría causarle un dolor de cabeza (debe saber dónde está el cuadro delimitador para que el texto proporcione las coordenadas x e y correctas).

Gracias Maugo. Voy a ver tus recomendaciones. No puedo expandir el texto ya que el cliente necesita hacer ediciones por su parte antes de imprimirlo. Esperaba no tener que entrar en el lado de la codificación, ya que no es algo con lo que esté familiarizado, pero tal vez tenga que aprender. Tal vez solo reconstruiré en Word (estremecimiento). Salud. Puntilla
si no desea codificar, la mejor manera sería instalar Inkscape y formatear el texto después de la importación. No estoy familiarizado con él (soy leal a Adobe), pero esta podría ser una mejor manera después de todo.