piapia123
es

Visor de fuentes

Imágenes

Todo se ejecuta en tu navegador: no se sube nada

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

  1. Suelta un archivo de fuente en la zona de puntos (o haz clic en ella)
  2. Juzga los cuerpos en el espécimen, cambiando el texto por el tuyo si quieres
  3. Elige un rango en la rejilla de glifos y hojea buscando iconos
  4. 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