WOFF
Web Open Font Format — el primer formato de fuente diseñado específicamente para la web.
¿Qué es WOFF?
WOFF 1.0 fue desarrollado conjuntamente por Mozilla, Opera y Microsoft como el primer formato de fuente construido desde cero para la web. Se convirtió en una recomendación W3C en diciembre de 2012, marcando un hito en la tipografía web.
En su núcleo, WOFF es un contenedor alrededor de datos de fuentes TrueType u OpenType existentes. Aplica compresión zlib para reducir el tamaño del archivo e incluye campos de metadatos opcionales para licencias y atribución. Antes de WOFF, los desarrolladores web tenían que servir archivos TTF u OTF sin procesar — grandes, sin comprimir y sin una forma estándar de incorporar información de licencia.
La innovación clave fue crear un contenedor de fuentes web de propósito específico que resolvía tres problemas a la vez: tamaños de archivo más pequeños mediante compresión, un bloque de metadatos estándar para la licencia de fuentes, y un formato que los navegadores podían validar y aislar fácilmente por seguridad.
Cómo funciona
El contenedor WOFF envuelve las tablas de fuentes existentes (de archivos fuente TTF u OTF) con compresión zlib por tabla. Cada tabla en la fuente original — contornos de glifos, datos de kerning, registros de nombres — se comprime de forma independiente, lo que permite al navegador descomprimir solo las tablas que necesita.
El encabezado WOFF comienza con una firma de cuatro bytes (wOFF), seguida del tipo de fuente (indicando si los datos encapsulados son TrueType o CFF), el tamaño total comprimido y un puntero al bloque de metadatos opcional. El navegador lee este encabezado, descomprime las tablas individuales a su forma original y entrega los datos de fuente reconstruidos al motor de representación de texto.
Desde la perspectiva del motor de renderizado, un archivo WOFF descomprimido es idéntico al TTF u OTF original — la compresión es completamente transparente.
Uso típico de @font-face@font-face {
font-family: 'MyIcons';
src: url('icons.woff2') format('woff2'),
url('icons.woff') format('woff');
}El navegador prueba cada entrada src en orden. Los navegadores modernos cargarán el archivo WOFF2 (más pequeño, más rápido); los navegadores más antiguos que no entienden WOFF2 recurrirán al archivo WOFF. Este enfoque en cascada le brinda un rendimiento óptimo con máxima compatibilidad.
Ventajas e inconvenientes
- Buena compresión — aproximadamente un 40 % más pequeño que el TTF sin procesar
- Ampliamente compatible, incluido IE 9+
- Recomendación W3C (estándar web oficial)
- Incluye soporte de metadatos y licencias
- Conversión sencilla desde fuentes TTF u OTF
- Reemplazado por WOFF2, que tiene mejor compresión
- ~30 % más grande que el archivo WOFF2 equivalente
- La compresión zlib es menos eficiente que Brotli
Compatibilidad con navegadores
WOFF ha sido compatible con todos los navegadores principales desde principios de la década de 2010, lo que lo convierte en el formato de alternativa más seguro para fuentes web. Cubre una gama aún más amplia de navegadores que WOFF2 porque incluye soporte para versiones más antiguas de Internet Explorer.
| Navegador | Versión mínima |
|---|---|
| Chrome | 6+ |
| Firefox | 3.5+ |
| Safari | 5.1+ |
| Internet Explorer | 9+ |
| Edge | Todas las versiones |
| Opera | 11.1+ |
Con una cobertura global del 98 %+ de navegadores, WOFF es comprendido por prácticamente todos los navegadores aún en uso activo. La única brecha notable es IE 6-8, que requiere EOT en su lugar.
WOFF vs. WOFF2
WOFF2 es el sucesor de WOFF y, en términos prácticos, es una mejora estricta. Así es como se comparan:
| Aspecto | WOFF | WOFF2 |
|---|---|---|
| Compresión | zlib (deflate) | Brotli |
| Ratio de compresión | ~40 % más pequeño que TTF | ~30 % más pequeño que WOFF |
| Preprocesamiento | Ninguno | Transformación de datos de glifos |
| Velocidad de descompresión | Rápida | Más rápida |
| Soporte IE | IE 9+ | Solo Edge (sin IE) |
| Estándar W3C | 2012 | 2018 |
WOFF2 ofrece aproximadamente un 30 % mejor compresión que WOFF gracias a Brotli y un paso de preprocesamiento especializado que hace que los datos de los glifos sean más comprimibles. También es más rápido de descomprimir. La compatibilidad moderna con los navegadores para WOFF2 es igualmente amplia — la única brecha es Internet Explorer 9-11, que soporta WOFF pero no WOFF2.
Para la mayoría de los proyectos orientados a navegadores de 2024 en adelante, WOFF2 solo es suficiente. La única ventaja restante de WOFF es la cobertura de IE 9-11.
Cuándo usar WOFF
A pesar de haber sido reemplazado por WOFF2, aún hay razones válidas para incluir WOFF en su pila de fuentes:
- Como alternativa junto a WOFF2 — liste WOFF2 primero en su declaración
@font-facey WOFF en segundo lugar, dando a los navegadores modernos el archivo más pequeño mientras se asegura de que los navegadores más antiguos sigan recibiendo la fuente. - Cuando se requiere soporte para IE 11 — IE 11 soporta WOFF pero no WOFF2, por lo que WOFF es el mejor formato comprimido disponible para ese navegador.
- En entornos sin Brotli — algunas herramientas de compilación más antiguas, proxies o CDN pueden no manejar correctamente la compresión Brotli de WOFF2; la compresión zlib de WOFF es universalmente compatible.
Si ninguno de estos casos aplica a su proyecto, puede omitir WOFF con seguridad y usar solo WOFF2.