Convertidor de texto a trazado SVG
Convierte texto en trazados SVG de contorno usando tu propia fuente TTF, OTF, WOFF o WOFF2. Ajusta tamaño, espaciado entre letras, interlineado y alineación, y después copia o descarga el SVG — sin subir archivos.
🔒 Se ejecuta completamente en tu navegador — nada se cargaDrop a font here or click to browse
TTF, OTF, WOFF or WOFF2. The font never leaves your device.
Load a font to see the SVG preview.
Convierte cualquier texto en contornos vectoriales
Este convertidor toma un archivo de fuente y un texto y genera un SVG en el que cada letra es un trazado vectorial. El resultado ya no depende de que la fuente esté instalada, así que se ve exactamente igual en todos los dispositivos y en todos los programas. Por eso el texto convertido en contornos es ideal para logotipos, iconos, gráficos para redes sociales, pegatinas y firmas de correo electrónico, y para máquinas que solo entienden formas, como cortadoras láser, plotters de corte de vinilo, fresadoras CNC y software de bordado.
Las opciones de maquetación funcionan como un pequeño motor tipográfico. Define el tamaño de la fuente en píxeles, aumenta o reduce el espaciado entre letras en milésimas de em, elige el interlineado para el texto de varias líneas y alinea las líneas a la izquierda, al centro o a la derecha. Los pares de kerning de la fuente se aplican automáticamente. El color de relleno se escribe en el SVG y puedes reducir el número de decimales para que el archivo sea más pequeño, algo práctico cuando los datos del trazado van directamente a HTML, CSS o a un componente de React.
Cómo se construye el SVG
La fuente se analiza con opentype.js en tu navegador y cada línea de texto se convierte en comandos de dibujo — desplazamientos, líneas y curvas de Bézier cuadráticas o cúbicas — que se corresponden directamente con la sintaxis de trazados SVG. La herramienta calcula una caja delimitadora ajustada alrededor de los glifos, añade un pequeño margen y define el viewBox, de modo que el SVG se escala limpiamente sin espacios en blanco sobrantes. Por defecto, cada línea se convierte en su propio elemento path; marca «Merge into a single path» si quieres una única forma compuesta. La vista previa es el propio archivo SVG mostrado como imagen, así que lo que ves es exactamente lo que descargas.
No se sube nada: la fuente y tu texto permanecen en tu dispositivo. Aun así, convertir texto en contornos cuenta como uso de la fuente, así que asegúrate de que su licencia cubre los gráficos o productos que creas. La mayoría de las fuentes de código abierto lo permiten, y muchas licencias comerciales de escritorio también.
Cómo usar
- Carga una fuenteArrastra la fuente TTF, OTF, WOFF o WOFF2 que quieras usar, o haz clic en el recuadro para buscarla.
- Escribe tu textoIntroduce una o varias líneas de texto. Pulsa Intro para crear una nueva línea.
- Ajusta la maquetaciónDefine el tamaño de la fuente, el espaciado entre letras, el interlineado, la alineación, el color de relleno y el número de decimales. La vista previa se actualiza mientras escribes.
- Copia o descargaCopia el marcado SVG o solo los datos del trazado, o descarga un archivo .svg listo para usar.
Preguntas frecuentes
¿Por qué convertir el texto en trazados en lugar de usar un elemento de texto SVG?
<text> necesita que la fuente esté instalada o cargada allí donde se muestre el archivo. Los trazados de contorno se ven idénticos en todas partes — en navegadores, herramientas de diseño, cortadoras láser y plotters — sin ningún archivo de fuente.