Convertidor gratuito de fuentes a Typeface.json
Convierte TTF and OTF fuentes a typeface.json de Three.js al instante en tu navegador — 100% gratis, privado y sin subidas al servidor.
Haz clic o arrastra el archivo de fuente aquí
Compatible con TTF y OTF (máx. 50 MB)
Configuración de conversión
Limita el tamaño del archivo de salida convirtiendo solo caracteres específicos.
Úsalo si tu texto 3D aparece al revés.
font.ttf
Listo para convertir
Vista previa 3D
WebGLSube una fuente para ver la vista previa
¿Qué es typeface.json?
It's a JSON-based font format used by Three.js `FontLoader`. Converting your TTF files allows them to be loaded asynchronously in web applications without needing complex parsing libraries at runtime.
Read the full tutorial¿Qué es el convertidor de fuentes?
El convertidor de fuentes de Vextrude es una herramienta gratuita basada en el navegador que convierte cualquier fuente TTF u OTF al formato typeface.json de Three.js, el archivo que las bibliotecas 3D necesitan para crear letras extruidas reales. Suelta una fuente, ajusta los conjuntos de caracteres y la precisión Bézier, y descarga un JSON listo para usar con un solo clic. Todo se ejecuta localmente, tus fuentes nunca salen de tu máquina.
Cómo convertir una fuente a typeface.json
Ve de un archivo de fuente sin procesar a un typeface.json listo para Three.js en cuatro sencillos pasos — todo en tu navegador.
Subir fuente
Suelta un archivo .ttf u .otf (o haz clic para explorar). La carga por lotes también funciona: añade varias fuentes a la vez.
Ajustar opciones
Elige el subconjunto de caracteres (latino, cirílico, símbolos…) y la precisión Bézier para reducir el tamaño del archivo.
Vista previa 3D en vivo
Rota una muestra 3D extruida de la fuente cargada antes de confirmar — detecta problemas de glifo pronto.
Descargar
Guarda el typeface.json, cópialo al portapapeles o exporta varias fuentes por lotes en un .zip.
¿Por qué usar el convertidor de fuentes de Vextrude?
Diseñado para desarrolladores y diseñadores que necesitan una conversión de fuentes rápida y privada para la web.
100% privado y seguro
Todo sucede localmente en tu navegador con opentype.js. Tus fuentes nunca tocan un servidor: sin subida, sin rastreo, sin analíticas sobre tus archivos.
Conversión instantánea
Suelta una fuente y recibe el typeface.json en una fracción de segundo. Sin colas, sin idas al servidor, sin límites diarios.
Conversión por lotes
Suelta una docena de fuentes a la vez y descárgalas todas como un solo .zip — ideal para armar una biblioteca de fuentes compartida para un juego o sitio.
Subconjunto de caracteres
Envía solo los glifos que necesitas. Recorta escrituras no latinas o conjuntos pesados de símbolos y el JSON exportado se reduce en consecuencia — bytes reales fuera de tu bundle.
Compatible con Three.js
La salida se carga directamente en FontLoader / TextGeometry (y en <Text3D> de Drei en react-three-fiber) sin ninguna conversión ni código envoltorio.
Gratis para siempre
Sin registro, sin marca de agua ni muro de pago por tamaño. Gratis para uso personal y comercial en cada fuente que tengas derecho a convertir.
Fundamentos de fuentes y typeface.json
Todo lo que necesitas saber para convertir un archivo de fuente en datos de glifo listos para 3D.
¿Qué es typeface.json?
Un archivo JSON que guarda cada glifo de una fuente como una serie de comandos Bézier (moveTo, lineTo, quadraticCurveTo, cubicCurveTo). El FontLoader de Three.js convierte esas rutas en ShapeGeometry, y TextGeometry las extruye en letras 3D reales. Es el formato entre «archivo de fuente» y «malla 3D».
¿Por qué no cargar TTF directamente?
TextGeometry de Three.js necesita una estructura de forma específica que pueda extruir. Los archivos TTF/OTF sin procesar llevan mucho que Three no usa (hinting, tablas de kerning, funciones OpenType), así que enviarlos al navegador desperdicia ancho de banda y obliga a cada visitante a parsear una fuente solo para pintar un titular.
Precisión Bézier
La precisión Bézier (o segmentos de curva) controla lo suaves que son los contornos del glifo. Mayor = letras 3D más suaves, pero un JSON más grande. Para etiquetas de UI y títulos, 6–8 suele ser indistinguible del original; los hero shots pueden llegar a 12–16.
Subconjunto de caracteres
Las fuentes reales llevan miles de glifos: latino, cirílico, griego, CJK, símbolos, ligaduras. Si solo necesitas «VEXTRUDE 2026», el subsetting descarta el resto antes de exportar. Una exportación solo latina de una fuente CJK de 4 MB puede reducirse a unos pocos KB.
Licencias y uso justo
Convierte solo fuentes cuyos derechos permitas incrustar. La mayoría de fuentes comerciales admiten uso web pero no redistribución como datos de glifo sin procesar; lee el EULA. Las de código abierto (SIL OFL, Apache) son las más seguras para apps y repositorios compartidos.
Usando la salida
Carga con FontLoader.parse() si ya tienes el JSON en memoria, o FontLoader.load() si lo estás obteniendo. Pasa la fuente devuelta a TextGeometry, añade un material, extruye, listo.
Cuatro tipografías convertidas
renderizado en esta herramienta
Las mismas dos letras tras la conversión, dibujadas por la vista previa de la herramienta. Una grotesca pesada, una script de pincel, una tipografía de display cuadrada y una uncial histórica: los contornos salen directamente de cada fuente, así que lo que ves aquí es lo que TextGeometry extruirá.
Formatos de fuente admitidos
Suelta las fuentes que tus apps de diseño y navegadores ya usan: el convertidor las lee todas y produce el formato que Three.js necesita.
TTF
TrueType
La fuente más común de escritorio y web, basada en contornos Bézier cuadráticos. Totalmente compatible como entrada.
OTF
OpenType
Un superconjunto de TTF con tipografía avanzada. Contornos Bézier cúbicos y funciones OpenType parseados con limpieza.
typeface.json
Salida
El formato JSON de fuente propio de Three.js. Se entrega como archivo descargado o en un .zip por lotes.
.zip
Paquete por lotes
Cuando hay varias fuentes en cola, un solo archivo reúne cada typeface.json más un manifest.
Entrada
Salida
Funciona con tu stack 3D
El JSON exportado encaja directo en cada integración popular de Three.js — sin código envoltorio ni adaptadores.
Three.js
FontLoader / TextGeometry
El uso canónico: el formato JSON fue diseñado por Three.js. Carga, parsea, extruye.
react-three-fiber
Drei <Text3D>
Pasa el JSON al componente Text3D de Drei y obtén tipografía 3D declarativa en React.
Juegos y WebXR
Etiquetas AR/VR
Envía señalización y HUDs 3D nítidos en juegos web y experiencias WebXR.
Visualización de datos
Gráficos y paneles
Extruye fuentes de etiqueta personalizadas para mapas, gráficos financieros y plots científicos en el navegador.
Preguntas frecuentes
Todo lo que necesitas saber sobre el convertidor de fuentes de Vextrude.
¿Qué es una fuente typeface.json?
Es el formato JSON de fuente propio de Three.js. En lugar de un archivo de fuente compilado, guarda cada glifo como datos de ruta Bézier para que FontLoader convierta cada letra en un shape y TextGeometry la extruya en una malla 3D real.
¿Se sube mi fuente a un servidor?
No. Todo se ejecuta localmente en tu navegador con opentype.js y la File API. El convertidor nunca sube, cachea ni registra las fuentes que sueltas.
¿Qué formatos de fuente puedo convertir?
TrueType (.ttf) y OpenType (.otf). Se admiten contornos Bézier cuadráticos y cúbicos. Las fuentes solo bitmap y los ejes solo variables (sin instancia estática) son lo principal que no puede usar.
¿Cómo uso la salida en Three.js?
Cárgalo con FontLoader (loader.load() o loader.parse()), pasa la fuente devuelta a TextGeometry y añade la malla resultante a tu escena. Con react-three-fiber puedes pasarla al componente <Text3D> de Drei.
¿Cómo reduzco el tamaño del JSON?
Dos palancas: el subsetting de caracteres (eliminar escrituras y símbolos que no necesitas) y la precisión Bézier (valores más bajos dan curvas un poco menos suaves pero un archivo mucho más pequeño). Ambas están en el panel de Opciones de conversión.
¿Puedo convertir varias fuentes a la vez?
Sí. Suelta varios archivos .ttf/.otf en la zona por lotes y pulsa «Convert & Download All»: obtendrás un único .zip con cada typeface.json dentro.
¿Es gratis para uso comercial?
La herramienta en sí es gratis para uso personal y comercial. Que el typeface.json resultante pueda redistribuirse depende de la licencia de tu fuente: revisa el EULA de cualquier fuente comercial antes de enviar el JSON en un producto público.
¿Admite escrituras no latinas?
Sí: cirílico, griego, árabe, hebreo, devanágari, tailandés, CJK y más se convierten con limpieza siempre que la fuente de origen contenga glifos para la escritura que necesitas.