Texto a trazado SVG
Escribe tu texto, elige una de 40 fuentes de Google Fonts o sube tu propio archivo de fuente y obtén contornos vectoriales reales: un SVG formado solo por trazados, que no necesita la fuente para abrirse. Indica un ancho físico para máquinas de corte y luego descarga o copia el código.
Última actualización:
Fuentes de código abierto de la biblioteca de Google Fonts, caracteres latinos.
Cómo usar Texto a trazado SVG
- Escribe tu texto. Usa Intro para varias líneas.
- Elige una fuente de la lista de Google Fonts y un grosor, o cambia a Subir fuente y selecciona un archivo TTF, OTF o WOFF.
- Ajusta el diseño: tamaño de fuente, espaciado entre letras, interlineado, alineación y kerning.
- Elige la salida: un trazado combinado, uno por letra o uno por línea, relleno o solo contorno. Introduce un ancho físico si el archivo es para una máquina de corte.
- Descarga el SVG o copia el código SVG o los datos del trazado para pegarlos en tu código o tu app de diseño.
Texto SVG frente a trazados SVG
| Elemento <text> | Contornos <path> (esta herramienta) | |
|---|---|---|
| Necesita la fuente instalada | Sí, o se sustituye por otra fuente | No, las formas van incluidas |
| El texto se puede editar después | Sí | No, ahora es un dibujo |
| Máquinas de corte y láseres | A menudo se importa mal o no se importa | Se importa con exactitud |
| Se ve idéntico en todas partes | No está garantizado | Sí |
| Se puede seleccionar y buscar | Sí | No (se añade un <title> por accesibilidad) |
Cómo funciona la conversión
Un archivo de fuente guarda cada carácter como un glifo: un conjunto de contornos formados por líneas rectas y curvas de Bézier, medidos en unidades de fuente (normalmente 1,000 o 2,048 unidades por em). La herramienta lee esos contornos con opentype.js, los escala por tamaño de fuente ÷ unidades por em, coloca cada glifo según su avance más el kerning y el espaciado entre letras, y escribe el resultado como comandos de trazado SVG: M (mover a), L (línea), Q (curva cuadrática, usada por las fuentes TrueType), C (curva cúbica, usada por las fuentes OpenType CFF) y Z (cerrar). Después el trazado se desplaza para que el dibujo empiece en tu margen interior, y el viewBox se ajusta a los límites exactos del contorno.
Las letras con huecos, como O, A y B, conservan sus contraformas porque los contornos exterior e interior giran en sentidos opuestos y la regla de relleno nonzero predeterminada de SVG deja vacío el interior.
Consejos para cortar y grabar
- Suelda las fuentes caligráficas. En las letras enlazadas, las letras se superponen. Suéldalas (Weld) en tu software de corte para que la cuchilla siga solo el borde exterior.
- Los grosores en negrita cortan mejor. Los trazos muy finos, de menos de 1.5 mm aproximadamente, tienden a romperse en el vinilo o a quemarse con el láser. Elige un grosor mayor o un tamaño más grande.
- Usa Solo contorno para el corte vectorial con láser para que el software vea un trazo fino en lugar de un relleno para grabar.
- Añade un poco de espaciado entre letras en plantillas y texto pequeño para que las piezas cortadas no se toquen.
- Usa los datos del trazado en código. Copiar datos del trazado te da solo el atributo d, listo para un componente de icono, un clip-path de CSS o un Path2D de canvas.
Preguntas frecuentes
¿Qué significa convertir texto en un trazado SVG?
El texto SVG normal necesita que la fuente esté instalada para mostrarse correctamente. Convertir el texto en un trazado sustituye cada letra por su contorno vectorial real (un elemento path con un atributo d), así que la forma se ve idéntica en cualquier dispositivo y programa, incluso sin la fuente.
¿Puedo usar el SVG con Cricut Design Space o Silhouette Studio?
Sí. Sube el SVG descargado como imagen. Elige Un trazado por letra si quieres mover las letras por separado, o Un trazado combinado para mantener la palabra unida. En fuentes caligráficas con letras superpuestas, usa Weld (Cricut) o Weld/Merge en tu software para que la máquina corte una sola forma continua.
¿Cómo indico el tamaño exacto para cortar?
Introduce un valor en Ancho físico y elige mm, cm o pulgadas. El SVG recibe atributos width y height en esa unidad, con la altura calculada a partir de las proporciones del texto, así que la mayoría de los programas de corte y láser lo importan con ese tamaño.
¿Qué archivos de fuente son compatibles?
Archivos TrueType (.ttf), OpenType (.otf, incluidos los contornos CFF) y WOFF (.woff). WOFF2 no es compatible; la mayoría de los sitios de fuentes también ofrecen descarga en TTF u OTF. Las fuentes subidas se leen en tu navegador y nunca se envían a ninguna parte.
¿Puedo usar las fuentes con fines comerciales?
Las fuentes de la lista proceden de la biblioteca de Google Fonts y se publican con licencias abiertas como la SIL Open Font License, que permiten el uso comercial de los diseños creados con ellas. Para las fuentes subidas, revisa la licencia de esa fuente.
¿Por qué no aparecen algunos caracteres?
Las fuentes integradas se cargan con el juego de caracteres latino. Si un carácter, como un emoji o una letra de otro alfabeto, no está en la fuente, se omite y aparece en una lista bajo la vista previa. Sube una fuente que contenga esos caracteres para incluirlos.
¿Por qué el archivo es grande y cómo puedo reducirlo?
Cada curva de cada letra se guarda como coordenadas. Bajar Decimales a 1 o 0 elimina dígitos y suele reducir el archivo entre un 20 y un 40% sin cambios visibles a tamaños normales. Las fuentes caligráficas con muchas curvas generan archivos más grandes que las fuentes sans-serif sencillas.
¿Se prueban todas las herramientas de FreeToolCabin para comprobar su calidad y precisión?
Sí. Cada herramienta del sitio pasa pruebas automáticas en navegadores reales para comprobar que el resultado es correcto y que no hay errores. Si encuentras un fallo o tienes una sugerencia, escríbenos a [email protected] y lo revisaremos.