Tu letra a mano, convertida en fuente real — 100% en el navegador.
🌐 Demo: glyf-sigma.vercel.app
glyf toma una foto de tu escritura a mano y genera un archivo .ttf / .otf listo para instalar. Todo el procesamiento ocurre en tu dispositivo: sin backend, sin subir imágenes a servidores.
- Cartilla — Copia las filas de letras en una hoja blanca (lapicero o marcador oscuro).
- Foto — Sube una imagen o usa la cámara. La app endereza la perspectiva, mejora el contraste y segmenta cada carácter.
- Revisión — Verifica la detección de cada letra o signo. Puedes reasignar, fusionar, dividir u omitir recortes, y limpiar imperfecciones con el borrador.
- Descarga — Previsualiza tu fuente y descárgala en
.ttfo.otf.
El espacio no se dibuja: se genera de forma sintética.
Otsu → deskew → segmentación → ImageTracer → opentype.js
- Preproceso: corrección EXIF, contraste, eliminación de cuadrícula/ruido.
- Segmentación: detección posicional por filas (sin OCR).
- Vectorización: trazado de contornos por carácter.
- Construcción: ensamblado de la fuente con métricas alineadas.
npm install
npm run dev # http://localhost:3000
npm run selfcheck # verificación del pipeline (segmentación → vectorización → fuente)
npm run build # build de producción| Ruta / módulo | Descripción |
|---|---|
/ |
Landing |
/studio |
Flujo completo: cartilla → foto → revisión → descarga |
lib/preprocess.ts |
Preprocesamiento de imagen |
lib/segment.ts |
Segmentación por filas |
lib/vectorize.ts |
Vectorización de recortes |
lib/buildFont.ts |
Construcción de la fuente |
- opentype.js — MIT
- imagetracerjs — Unlicense
La fuente exportada usa contornos CFF; .ttf y .otf comparten el mismo buffer generado por opentype.js.
Manuel Torres — glyf-sigma.vercel.app