Visor de fuentes
Abre cualquier fuente TTF, OTF, WOFF o WOFF2 para previsualizarla con tu propio texto, verla en todos los tamaños, explorar todos los glifos que contiene y leer su nombre, versión, licencia y métricas, todo sin instalar la fuente.
Última actualización:
Tablas de esta fuente
Cómo usar Visor de fuentes
- Suelta uno o varios archivos de fuente en el recuadro o haz clic en él para elegir archivos TTF, OTF, WOFF o WOFF2.
- Escribe tu texto de muestra o elige uno predefinido y luego ajusta el tamaño, el interlineado, el espaciado y los colores. También puedes escribir directamente en la vista previa.
- Abre Cascada para ver el texto en todos los tamaños habituales, o Glifos para explorar todos los caracteres que contiene la fuente.
- Haz clic en un glifo para ver su punto de código, escapes y contorno, o busca un carácter como € o U+20AC.
- Revisa Info de la fuente para ver la licencia, la versión y las métricas, y luego pulsa Exportar muestra PNG o Copiar CSS @font-face.
Comparación de formatos de archivo de fuente
| Formato | Extensión | Compresión | Ideal para |
|---|---|---|---|
| TrueType | .ttf | Ninguna | Instalación en escritorio, edición, origen para conversión |
| OpenType (CFF) | .otf | Ninguna (contornos CFF compactos) | Impresión y autoedición con tipografía avanzada |
| WOFF | .woff | zlib por tabla (aprox. 40% más pequeño) | Sitios web que deben ser compatibles con navegadores muy antiguos |
| WOFF2 | .woff2 | Brotli + transformaciones de glifos (aprox. 30% más pequeño que WOFF) | Todos los sitios web modernos |
| TrueType Collection | .ttc | Tablas compartidas | Varios estilos agrupados en un archivo (habitual en macOS y Windows) |
Los metadatos de una fuente, explicados
Cada fuente OpenType guarda su información en tablas identificadas con etiquetas de cuatro letras. Este visor las lee directamente del archivo:
| Tabla | Qué contiene |
|---|---|
name | Familia, estilo, nombre completo, versión, copyright, diseñador, fundidora, texto de licencia y URL |
head | Unidades por em (normalmente 1000 en CFF o 2048 en TrueType), fechas de creación y modificación, revisión de la fuente |
OS/2 | Clase de peso (100–900), clase de ancho, permisos de incrustación (fsType), altura de mayúsculas y altura x, ID del fabricante |
hhea | Ascendente, descendente y espacio entre líneas que usan los navegadores para calcular el interlineado |
cmap | El mapa de caracteres: qué punto de código Unicode corresponde a cada glifo |
maxp | Número total de glifos, incluidos los alternativos sin asignar |
GSUB / GPOS | Funciones OpenType: ligaduras, versalitas, cifras de estilo antiguo, kerning y posicionamiento de diacríticos |
fvar | Ejes de variación de una fuente variable, como el peso (wght), el ancho (wdth) y la inclinación (slnt) |
Ejemplo: en una fuente con 2,048 unidades por em y un ascendente de 1,901, el texto sube 1,901 ÷ 2,048 = 0.93 em por encima de la línea base, así que a 16 px los glifos más altos llegan a unos 14.9 px.
Números de clase de peso
| usWeightClass | Nombre | CSS font-weight |
|---|---|---|
| 100 | Thin (fina) | 100 |
| 200 | Extra Light (extraligera) | 200 |
| 300 | Light (ligera) | 300 |
| 400 | Regular | 400 / normal |
| 500 | Mediano | 500 |
| 600 | Semi Bold (seminegrita) | 600 |
| 700 | Bold (negrita) | 700 / bold |
| 800 | Extra Bold (extranegrita) | 800 |
| 900 | Black (negra) | 900 |
Consejo: haz que el font-weight de tu regla @font-face coincida con la clase de peso de la fuente. Si declaras un archivo Bold con peso 400, los navegadores sintetizarán una "negrita falsa" encima cuando uses font-weight: bold.
Preguntas frecuentes
¿Cómo previsualizo una fuente sin instalarla?
Suelta el archivo de fuente en esta página. El navegador la carga con la FontFace API solo para esta pestaña, así que puedes ver el texto de muestra, los glifos y los detalles sin instalar nada en tu sistema.
¿Se suben mis archivos de fuente a algún sitio?
No. La fuente se lee y se renderiza por completo en tu navegador. No se envía nada a ningún servidor, algo importante en fuentes comerciales cuya licencia prohíbe compartir el archivo.
¿Qué formatos de fuente son compatibles?
TrueType (.ttf), OpenType (.otf con contornos CFF), WOFF, WOFF2 y la primera fuente de una colección TrueType (.ttc). Los nombres, las métricas y el mapa de caracteres se leen de archivos TTF, OTF y WOFF. Los archivos WOFF2 se previsualizan bien, pero sus tablas comprimidas no se pueden decodificar aquí, así que la lista de glifos se obtiene probando rangos Unicode habituales.
¿Por qué algunos glifos no aparecen en la cuadrícula?
La cuadrícula muestra los caracteres del mapa de caracteres (cmap) de la fuente. Los glifos sin asignación Unicode, como ligaduras, alternativos o versalitas, solo son accesibles mediante funciones OpenType. Activa esas funciones en la pestaña Texto de muestra para verlos.
¿Qué muestra la vista del contorno del glifo?
Cuando se carga la biblioteca opentype.js, al hacer clic en un glifo se dibuja su contorno vectorial con la línea base (verde), el ascendente y el descendente (naranja discontinuo) y el ancho de avance (líneas grises), además de su nombre, índice y cuadro delimitador en unidades de la fuente.
¿Puedo usar la fuente en mi sitio web?
Solo si su licencia permite la incrustación web. Revisa las filas Licencia y Permisos de incrustación en Info de la fuente. Para usarla, conviértela a WOFF2 y añade una regla @font-face; el botón Copiar CSS @font-face te da una regla para empezar.
¿Se prueban todas las herramientas de FreeToolCabin para comprobar su calidad y precisión?
Sí. Cada herramienta del sitio pasa pruebas automáticas en navegadores reales para comprobar que el resultado es correcto y que no hay errores. Si encuentras un fallo o tienes una sugerencia, escríbenos a [email protected] y lo revisaremos.