Tecnología en el navegador

De la foto a una fuente utilizable

Cuatro marcadores convierten una foto inclinada en una cuadrícula ordenada. Después se recorta, vectoriza y guarda cada carácter en un archivo de fuente.

01

Los marcadores describen la hoja

Cada esquina contiene un marcador ArUco. Su identificador guarda la esquina, el tipo de hoja (letras, ligaduras o vacía), la versión de la plantilla y el juego de idioma. El programa compara los cuatro identificadores, por lo que también entiende una página girada.

Las esquinas exteriores proporcionan cuatro puntos de referencia. Si falta un marcador o su patrón queda tapado, la cuadrícula no puede reconstruirse con seguridad. Por eso la foto debe incluir toda la página.

02

Se corrige la perspectiva

inktype.cc calcula una homografía a partir de los cuatro puntos. Esta transformación lleva la página fotografiada en ángulo a la geometría A4 conocida de la plantilla. Así, las casillas vuelven a sus posiciones previstas.

Una homografía corrige la perspectiva de una superficie plana. El papel muy ondulado, los pliegues profundos y una página curvada no están en un solo plano, así que pueden deformar los caracteres.

03

Las casillas se separan

La plantilla tiene 11 columnas y 10 filas. El juego detectado determina qué letra corresponde a cada casilla. El programa recorta cada zona de la página corregida y la procesa por separado.

Un umbral adaptativo separa la tinta oscura del papel claro. Sensibilidad y Umbral mueven ese límite, para toda la fuente o para un solo glifo. Un valor mayor conserva trazos pálidos, pero también puede recoger la textura del papel y las sombras.

04

Los píxeles se convierten en trazados

ImageTracer sigue los bordes de la tinta detectada y crea trazados cerrados. Los vectores pueden cambiar de tamaño sin mostrar píxeles, por eso forman cada carácter de la fuente final.

La tinta se limpia en tres pasos. Antes de vectorizar, primero se eliminan las marcas sueltas separadas de la letra, hasta el tamaño que fija Quitar manchas, salvo la marca más grande del glifo. Después se rellenan los huecos pequeños rodeados de tinta, hasta el tamaño que fija Rellenar huecos: los agujeritos se cierran y el interior de letras como la o y la e sigue abierto. Durante la vectorización, Suavizado redondea los escalones y las ondulaciones del borde de los píxeles antes de ajustar las curvas.

Los controles de Tinta (Sensibilidad, Umbral, Suavizado, Rellenar huecos y Quitar manchas) cambian el propio trazado. La posición y la escala mueven los trazados, y el avance determina el espacio horizontal del carácter al componer texto. Los valores globales afectan a toda la fuente y los locales corrigen casos concretos.

Después, el kerning ajusta los pares de letras. El programa mide la distancia entre la tinta de cada par, franja a franja de arriba abajo, y acerca pares como AV o To para que queden tan espaciados como HH u otros pares de letras rectas. Intensidad fija cuánto los acerca, y los pares siguen cualquier otro ajuste que hagas.

05

El navegador construye el archivo de fuente

opentype.js combina en una fuente OpenType los trazados, las asignaciones, las métricas, el kerning y las reglas que cambian las letras por tus ligaduras y por sus otras versiones. El mismo resultado alimenta la vista previa en directo para que puedas revisar palabras y espacios antes de descargar. Al exportar, el navegador escribe el archivo en el formato elegido (OTF, TTF, WOFF o WOFF2).

El análisis intensivo se ejecuta en un Web Worker para mantener activa la interfaz. Los ajustes se guardan solo en el navegador y se recuperan por nombre y tamaño de archivo. La política de privacidad explica estos datos con más detalle.