Vista previa de fuentes: sube TTF, WOFF o WOFF2 e inspecciona glifos sin instalar
Elige un archivo de fuente local y renderiza sus contornos como SVG directamente en el navegador, sin necesidad de instalar la fuente primero. Pega cualquier carácter que cubra la fuente — latinos, CJK o símbolos — y observa cada glifo; el texto se deduplica y se eliminan todos los espacios en blanco, así que obtienes una hoja de glifos en lugar de una prueba de composición.
Lo que muestra esta vista previa de fuentes — y lo que deliberadamente no hace
Sin instalación, solo un archivo
Selecciona un archivo .ttf, .woff o .woff2 y véalo al instante. No se añade nada a tus fuentes del sistema y el archivo nunca sale de tu equipo.
Contornos renderizados como SVG, glifo a glifo
fontkit analiza la fuente en el navegador, compone tu texto y convierte el contorno de cada glifo en una ruta SVG, así ves las curvas reales en lugar de una fuente de reserva del navegador.
Cualquier escritura que cubra la fuente
Pega caracteres latinos, chinos, japoneses, coreanos o símbolos: todo aquello para lo que la fuente tenga un glifo se dibuja, y los caracteres que le faltan simplemente no producen nada.
Una fuente a la vez, la salida se reemplaza
El selector solo lee el primer archivo, y cada ejecución de la vista previa borra la hoja anterior. Cambiar de fuente es rápido, pero no hay comparación de varias fuentes en paralelo.
Un visor de glifos, no una prueba de composición
No hay controles de tamaño, grosor, interlineado ni espaciado entre letras. Cada glifo ocupa una caja fija de 50×50 y el viewBox está fijado en 1200×1200 con un desplazamiento de línea base ajustado para unas 1000 unitsPerEm, así que las fuentes diseñadas con otra escala pueden verse más grandes, más pequeñas o desplazadas.
Preguntas frecuentes sobre la vista previa de fuentes
¿Qué formatos de fuente puedo previsualizar?
TTF, WOFF y WOFF2 — las tres extensiones que acepta el selector de archivos. Probado con fontkit 2.0.4: la misma fuente convertida a TTF, WOFF y WOFF2 produjo contornos idénticos. OTF no aparece en el selector, aunque fontkit sí puede leer archivos OTTO/CFF.
¿Puedo previsualizar fuentes ya instaladas en mi sistema?
No. No hay lista de fuentes del sistema ni registro @font-face; la única entrada es un archivo local que subes. Ese es también el motivo por el que no se instala nada: es un visor para un archivo de fuente, no un navegador de tu biblioteca instalada al estilo de Font Book.
¿Qué ajustes puedo cambiar?
Solo el texto de la vista previa. No hay controles de tamaño, grosor, interlineado, espaciado entre letras, alineación ni color, y tampoco negrita o cursiva sintéticas — ves el grosor que trae el archivo.
¿Permite comparar varios idiomas o conjuntos de caracteres?
Puedes escribir o pegar caracteres de cualquier escritura que cubra la fuente, pero no hay conjuntos de caracteres predefinidos por idioma ni comparación en paralelo de dos fuentes. Los caracteres repetidos se agrupan y se eliminan todos los espacios, así que previsualiza un conjunto de caracteres en vez de texto corrido; las escrituras complejas como el árabe no se verifican en cuanto a unión o espaciado.
¿Cómo se comporta una fuente CJK grande?
Funciona. Una fuente Song de 20,9 MB con 60.455 glifos se analizó y compuso en milisegundos en este equipo con fontkit, usando unos 117 MB de memoria, y solo los caracteres que escribes se convierten a SVG. Aun así, el archivo completo se carga en memoria, y no hay barra de progreso ni límite de tamaño.
¿Todo es local?
Sí. El análisis y la generación de SVG se ejecutan por completo en tu navegador mediante fontkit; el archivo de fuente nunca se sube y no se realiza ninguna petición de red, así que las fuentes con licencia permanecen privadas.
¿Por qué la vista previa se ve distinta de la de mi aplicación de diseño?
Porque es una hoja de glifos: cada glifo se dibuja en su propia caja SVG fija de 50×50, se ignoran los anchos de avance, el kerning y la posición de las ligaduras, y el viewBox está fijo en 1200×1200 con un desplazamiento de línea base ajustado para unas 1000 unitsPerEm (las fuentes probadas aquí usaban 2048 y 256, por eso pueden verse más pequeñas, más grandes o desplazadas). Un archivo corrupto solo deja un error no controlado en la consola y no muestra nada en pantalla.
