Visor de fuentes
ImágenesTodo se ejecuta en tu navegador: no se sube nada
**La cobertura se lee de la propia tabla `cmap` de la fuente**, no se adivina a partir del dibujo: la respuesta a «qué glifos contiene esta fuente» está escrita en el archivo. Los `.ttf` / `.otf` dan una lista exacta; los `.woff` / `.woff2` guardan sus tablas comprimidas (zlib / Brotli), que el navegador no puede descomprimir, así que esos dos son solo una previsualización del dibujo, sin cobertura. Las fuentes tienen licencia: previsualizar una aquí no la hace utilizable comercialmente.
Suelta un archivo de fuente y obsérvalo: el espécimen despliega el texto en una escala de cuerpos de 12 a 48px para juzgar el texto corrido y el de cuerpo pequeño, mientras que la rejilla de glifos extiende los puntos de código en una tabla para ver qué lleva de verdad la fuente. La rejilla se gana el sueldo con las fuentes de iconos: despliega el Área de Uso Privado (U+E000–F8FF), muestra qué celdas tienen glifo y cuáles están atenuadas, y al hacer clic en una copia su entidad HTML: un archivo de diseño no le da nombre a un icono, solo un `U+E600`, y esta tabla sirve para emparejarlo. ⚠️ Un aviso obligado: las fuentes tienen licencia, y previsualizar una aquí no la hace utilizable comercialmente. Muchas fuentes gratuitas son solo para uso personal. Además, los navegadores no pueden leer el nombre de familia interno de una fuente (no existe tal API), así que el nombre que se muestra viene del nombre del archivo.
Funciones
- Suelta un .ttf / .otf / .woff / .woff2 para previsualizarlo; el archivo nunca se sube
- Espécimen en siete cuerpos de 12 a 48px, con tu propio texto
- Muestras por defecto según el idioma (chino, inglés o japonés)
- Rejilla de glifos en cinco rangos: Área de Uso Privado (fuentes de iconos), ASCII, Latin-1, puntuación y CJK
- Cobertura medida: los glifos presentes se dibujan con normalidad, los ausentes se atenúan y los vacíos llevan un marco discontinuo
- 256 celdas por página con paginación; el Área de Uso Privado ocupa 25 páginas
- Haz clic en una celda para copiar su entidad decimal (``); pasa el ratón para ver el hexadecimal y el escape CSS
- Recuento por página: cuántos tienen glifo, cuántos faltan y cuántos están vacíos
Cómo se usa
- Suelta un archivo de fuente en la zona de puntos (o haz clic en ella)
- Juzga los cuerpos en el espécimen, cambiando el texto por el tuyo si quieres
- Elige un rango en la rejilla de glifos y hojea buscando iconos
- Haz clic en una celda para copiar su punto de código, listo para pegar en tu HTML
Preguntas frecuentes
- ¿Cómo se decide que «falta un glifo»?
- Leyendo la propia tabla `cmap` de la fuente: la correspondencia entre puntos de código y glifos, que es la respuesta autorizada y que los `.ttf` / `.otf` dan con exactitud. Las fuentes `.woff` / `.woff2` guardan sus tablas comprimidas (zlib / Brotli) y el navegador no las descomprime, así que en esos formatos la rejilla solo previsualiza el dibujo y no marca presencia o ausencia, y la página lo explica. Para una lista exacta de glifos, usa la versión `.ttf` o `.otf` de la misma fuente, que casi siempre está disponible.
- ¿Por qué no hay cobertura para .woff / .woff2?
- Porque ambos formatos guardan cada tabla comprimida (zlib en woff, Brotli en woff2) y hay que descomprimirla antes de usarla; y aunque los navegadores tienen `DecompressionStream`, solo entiende gzip y deflate, no Brotli. Así que en esos dos la rejilla es una previsualización del dibujo sin marcas de presencia o ausencia, y la página dice por qué: una respuesta adivinada sería peor que ninguna. Para una lista exacta de glifos, usa la versión `.ttf` o `.otf` de la misma fuente, que casi siempre se consigue.
- ¿Por qué el nombre que se muestra es el del archivo y no el real de la fuente?
- Porque los navegadores no pueden leer el nombre de familia interno de una fuente: `FontFace` acepta el nombre que le das, sin búsqueda inversa. Leer la tabla `name` exigiría analizar el binario por tu cuenta (y el woff2 está comprimido, así que hay que inflarlo antes), que es otra herramienta. Lo que muestra esta página son el nombre del archivo y el dibujo; para confirmar el nombre real, lo directo es instalar la fuente y abrir el visor de fuentes del sistema.
- ¿Por qué no se pueden cargar .ttc ni .eot?
- Los navegadores no admiten ninguno de los dos. Un `.ttc` es una colección de fuentes (varias en un archivo, habitual en macOS) y el navegador no tiene forma de elegir una: hay que extraer antes una fuente suelta. El `.eot` es un formato privado de la era de IE que solo entiende el IE antiguo. La herramienta rechaza ambos de antemano con el motivo, en vez de dejarte mirando una interfaz donde no pasa nada.
Herramientas relacionadas
Iconos de aplicación
ImágenesGenera el AppIcon de iOS, los mipmap de Android, el icono adaptativo y el .icns de macOS desde una imagen. Ajusta esquinas y margen; iOS se aplana.
Editor SVG
ImágenesEscribe SVG a la izquierda y velo a la derecha. Cambia el fondo y revisa xmlns, viewBox y recursos externos. Tu código no entra en la página.
Nombres de color CSS
ConsultasLos 148 colores con nombre en CSS: pasa de un nombre a su valor, o comprueba si un valor tiene nombre estándar. Marca los nueve pares iguales.
Conversor de formato
ImágenesConvierte entre PNG, JPEG, WebP, AVIF, BMP y TIFF, con calidad y tamaño ajustables. Al pasar a JPEG se pinta un fondo: la transparencia no sale negra.
Divisor de imágenes
ImágenesDivide una imagen en cuadrícula para publicar en nueve celdas o partir una imagen larga. Seis cuadrículas, margen por celda y nombres numerados.
Marca de agua
ImágenesAñade una marca de agua: nueve posiciones y mosaico, tamaño proporcional a la imagen y opacidad ajustable. El mosaico inclinado resiste el recorte.