SVG / Rotulación

Texto a SVG: contornos y trazados de fuentes

Convierte texto en trazados SVG con fuentes latinas incluidas o un archivo TTF, OTF o WOFF local. Ajusta el tamaño, el espaciado entre letras, el interlineado, la alineación y los colores; después descarga SVG o PNG.

Texto a SVG: contornos y trazados de fuentes: Escribe el texto, elige una de las fuentes incluidas o carga tu propio archivo TTF, OTF o WOFF, y las letras se convierten en contornos SVG. Así, el resultado se ve igual en cualquier lugar sin necesidad de tener la fuente instalada. Ajusta el tamaño, el espaciado entre letras, el interlineado, la alineación, el relleno y el trazo; después copia el SVG o descarga SVG o PNG. Funciona al 100 % en tu navegador, sin subir archivos a ningún servidor.

Categoría: Herramientas de desarrollo
Se ejecuta: En tu navegador
Coste: Gratis · sin registro
Disponibilidad: Lista para usar

De texto a trazados SVGProcesamiento local

Funciona por completo en tu navegador

Cargando fuente…

Tus letras empiezan aquí.Introduce texto para crear contornos editables.

Las fuentes latinas incluidas usan la licencia SIL Open Font. Las fuentes subidas permanecen en el dispositivo; eres responsable de sus licencias. El kerning está activado. La composición de escrituras complejas depende de la fuente y del analizador. Las exportaciones PNG están limitadas a 4096 píxeles en el lado más largo.

Editar formas SVG

Trazados SVG

La especificación de trazados de SVG 2 define los comandos de trazado y los subtrazados cerrados. https://www.w3.org/TR/SVG2/paths.html

Analizador de fuentes

Las fuentes se leen en el navegador con opentype.js 2.0.0, una biblioteca de código abierto con licencia MIT. Los archivos WOFF2 no son compatibles; conviértelos primero a WOFF, TTF u OTF. Algunas funciones avanzadas de las fuentes, como las alternativas contextuales y ciertas tablas de kerning, no se aplican, por lo que el espaciado puede diferir ligeramente del de un procesador de textos. https://github.com/opentypejs/opentype.js

Fuentes incluidas

Los recursos WOFF latinos sin modificar proceden de paquetes de Fontsource: https://fontsource.org/fonts/inter ; https://fontsource.org/fonts/oswald ; https://fontsource.org/fonts/pacifico ; https://fontsource.org/fonts/lobster . El aviso de copyright de cada fuente y el texto completo de la Licencia de Fuentes Abiertas SIL se publican junto a los archivos de fuentes.

Cómo se usa

Introduce el texto y elige una fuente incluida, o arrastra tu propio archivo de fuente.
Configura el tamaño, el espaciado, la alineación, el relleno y el trazo, y comprueba los contornos.
Copia o descarga los trazados SVG, o exporta un PNG.

Privacidad y límites

El texto y las fuentes subidas permanecen en tu navegador. Los archivos WOFF incluidos se cargan desde este sitio; no se utiliza ningún servicio externo de fuentes.

Herramientas relacionadas

Preguntas frecuentes

¿Qué fuentes están incluidas?

Inter y Oswald en regular y negrita, además de Pacifico y Lobster en regular. Estos subconjuntos latinos se redistribuyen sin modificaciones con la licencia SIL OFL 1.1. Cada licencia se encuentra en /fonts/text-to-svg/. Las licencias de las fuentes que subas son responsabilidad tuya.

¿Por qué algunas letras pueden diferir de las de mi aplicación de diseño?

El analizador solo admite algunas tablas de composición y posicionamiento. Las sustituciones contextuales no compatibles recurren a glifos directos de caracteres; un aviso identifica esta limitación. Algunas fuentes, incluida Inter, tienen tablas de posicionamiento cuyos pares de kerning pueden no estar disponibles. Los sistemas de escritura complejos y las fuentes de color pueden verse diferentes.

¿El SVG contiene texto editable?

No. Contiene contornos y no necesita la fuente original para mostrarse. Las líneas en blanco afectan al espaciado de la línea base, mientras que el viewBox recorta hasta la tinta visible. La salida PNG está limitada a 4096 píxeles en su lado más largo.

Herramienta gratuita · se ejecuta en tu navegador · sin cuenta