TTF vs. OTF vs. WOFF2: Comparativa de formatos de fuente
Una breve historia de estos tres formatos
TrueType (TTF) surgió en 1989 de un esfuerzo conjunto entre Apple y Microsoft. Su objetivo era dar a los sistemas operativos un control directo sobre el renderizado de fuentes, eliminando su dependencia de las licencias de PostScript de Adobe. Un archivo TTF almacena los contornos de los glifos como curvas de Bézier cuadráticas y empaqueta todo —métricas, instrucciones de hinting, tablas de kerning— en un único binario. Durante la mayor parte de los 90, fue el rey indiscutible de las fuentes de escritorio tanto en Windows como en macOS. Luego llegó OpenType (OTF) en 1996, desarrollado por Microsoft y al que pronto se unió Adobe. En lugar de empezar de cero, OpenType extendió ingeniosamente el contenedor TrueType. Un archivo OTF puede usar tanto las curvas cuadráticas de TrueType como las curvas cúbicas de PostScript de Adobe (contornos CFF), motivo por el cual se ve el término 'OTF basado en CFF'. Y lo que es más importante, el formato introdujo un potente conjunto de tablas de diseño —GSUB y GPOS— que habilitan funciones como ligaduras, versalitas, florituras y alternativas contextuales. Un OTF sofisticado para un script complejo como el árabe puede contener miles de reglas de sustitución de glifos. WOFF2 (Web Open Font Format 2) juega en una liga completamente diferente. Ratificado como una Recomendación del W3C en 2018, no es un nuevo formato de contorno, sino un contenedor de compresión supereficiente. Toma un TTF u OTF existente, aplica compresión Brotli y un paso especial de preprocesamiento específico para fuentes, y produce un archivo que suele ser entre un 30 y un 50 % más pequeño. WOFF2 se creó exclusivamente para la entrega web. Los navegadores lo descomprimen al vuelo, por lo que ni siquiera llega a pasar por el gestor de fuentes de tu sistema operativo. Entender esta distinción —formato de contorno versus formato de entrega— es la clave para saber cómo usarlos.
Tamaño de archivo y compresión: los números que de verdad importan
El tamaño bruto del archivo te afecta donde más duele: en los tiempos de carga de la página, el tamaño de los paquetes de la aplicación y los costos de ancho de banda del CDN. Veamos algunas cifras concretas. Una tipografía latina de complejidad moderada como Source Sans Pro Regular pesa unos 260 KB como TTF. La versión OTF, que usa contornos CFF más eficientes, ronda los 155 KB. Esto se debe a que las curvas cúbicas de CFF a menudo pueden describir formas con menos puntos que las curvas cuadráticas de TrueType, lo que hace que los OTF basados en CFF sean entre un 20 y un 40 % más pequeños para los scripts latinos. Ahora, convierte esa misma fuente a WOFF2 y obtendrás un archivo de aproximadamente 75 KB. Es una reducción masiva del 71 % con respecto al TTF original. Con una fuente CJK (chino, japonés, coreano), la historia cambia. Un TTF CJK de cobertura completa como Noto Sans CJK SC puede dispararse a más de 20 MB. La compresión WOFF2 ayuda, quizás reduciéndolo a 13-15 MB, pero no es una solución mágica. La verdadera solución para fuentes enormes es el subsetting, que es un proceso separado de la simple conversión de formato. WOFF2 por sí solo no salvará una fuente con 65.000 glifos. En cuanto a WOFF (versión 1), es básicamente una pieza de museo. Usaba compresión zlib y ha sido totalmente superado por WOFF2. Según caniuse.com, el soporte para WOFF2 alcanzó a más del 97 % de los usuarios globales ya en 2024, cubriendo todos los navegadores modernos que te importan. Los únicos que se resisten son navegadores embebidos antiguos o quioscos que todavía usan Internet Explorer 11. Para cualquier proyecto web nuevo, WOFF2 no es solo la mejor opción; es la única sensata.
Funciones OpenType: donde OTF realmente supera a TTF
La diferencia técnica más importante entre un buen OTF y un TTF es el acceso a las funciones avanzadas de diseño de OpenType. Aunque ambos tipos de archivo pueden contener técnicamente las tablas GSUB (Glyph Substitution) y GPOS (Glyph Positioning) necesarias, las fundiciones tipográficas profesionales construyen sus conjuntos de funciones avanzadas casi exclusivamente en sus lanzamientos OTF. En el mundo real, lo bueno está en el OTF. ¿Qué hacen realmente estas funciones? Las ligaduras reemplazan secuencias comunes como 'fi' y 'fl' con un único glifo perfectamente diseñado, evitando colisiones. Las ligaduras discrecionales van más allá, combinando artísticamente pares como 'ct' o 'Th' para dar un toque caligráfico. Las versalitas sustituyen las mayúsculas de altura completa por versiones más pequeñas de tamaño óptico; son glifos redibujados, no solo letras reducidas. Los números de estilo antiguo te dan numerales con ascendentes y descendentes, permitiéndoles integrarse maravillosamente en una línea de texto. Un único archivo OTF para una tipografía como Minion Pro puede contener más de 1.700 glifos y docenas de estas funciones, etiquetadas como 'onum', 'smcp', 'calt', 'swsh' e 'hist'. En CSS, las activas con `font-feature-settings: 'onum' 1;` o `font-variant-numeric: oldstyle-nums;`. En Adobe InDesign, las encontrarás en Texto > OpenType. Incluso Microsoft Word 365 tiene cierto soporte en el diálogo de fuentes avanzado, aunque es menos completo que las herramientas de Adobe. Un archivo TTF sin estas tablas no ofrece nada de esto, sin importar la aplicación. Si tu diseño depende de versalitas adecuadas, alternativas contextuales o la compleja conformación requerida para scripts como el árabe o el devanagari, OTF no es solo una preferencia. Es un requisito.
Hinting y renderizado: contextos de escritorio vs. pantalla
El hinting de fuentes es un conjunto de instrucciones dentro de un archivo de fuente que ajusta los contornos de los glifos para que se vean nítidos a tamaños pequeños en las pantallas. Cualquiera que haya forzado la vista para leer un texto borroso de 12px conoce el suplicio de un mal renderizado; el hinting es la cura. Sin él, el trazo vertical de una 'n' minúscula podría tener un píxel de ancho mientras que el otro tiene dos, creando un aspecto feo y desigual. Un buen hinting alinea esos trazos a la cuadrícula de píxeles. Las fuentes TTF son famosas por su hinting manual de TrueType, un complejo lenguaje de bytecode que da a los diseñadores un control granular sobre cada píxel. Este es un trabajo brutalmente intensivo: una fuente totalmente hintada a mano como Arial representa cientos de horas. La recompensa era enorme en los sistemas Windows más antiguos que usaban el renderizador GDI. Las fuentes OTF basadas en CFF utilizan un hinting de PostScript más simple. En macOS, que lleva mucho tiempo usando un renderizador que ignora en gran medida el hinting, esta diferencia es irrelevante. En Windows, el renderizador ClearType (el predeterminado desde Vista) ha reducido considerablemente la brecha. Y en las pantallas de alta densidad de píxeles (básicamente, cualquier teléfono moderno o pantalla "Retina"), el hinting se vuelve casi irrelevante. Los píxeles son simplemente demasiado pequeños para que aparezcan esos problemas de alineación con la cuadrícula. WOFF2 no cambia la historia del hinting; simplemente preserva los datos de hinting de la fuente original que comprimió. Si conviertes un TTF bien hintado, esas instrucciones viajan con él. ¿La conclusión práctica? Si tus usuarios principales usan monitores de Windows que no son HD y muestras texto por debajo de 16px, una TTF hintada a mano todavía tiene una ventaja visible. Para uso web en hardware moderno, la diferencia es casi imposible de detectar.
Cuándo usar cada formato: una guía práctica de decisión
Para la instalación en el escritorio (en tu SO, aplicaciones de diseño o suite de ofimática) necesitas TTF u OTF. Tanto Windows como macOS soportan ambos de forma nativa, al igual que las distribuciones de Linux. La decisión se reduce a tus necesidades. Si eres un diseñador que necesita ligaduras, florituras y otras características tipográficas avanzadas en InDesign, querrás el OTF. Si eres un administrador de TI desplegando una fuente corporativa en una flota de máquinas con Windows, una TTF hintada suele ser la opción más segura y compatible. La entrega web es simple: WOFF2. Fin de la historia. Tu declaración `@font-face` en CSS siempre debería listar WOFF2 primero: `src: url('font.woff2') format('woff2'), url('font.woff') format('woff');`. Servir un archivo TTF u OTF sin procesar en la web es un crimen contra el rendimiento. Estás obligando a los usuarios a descargar 2-3 veces más datos de lo necesario. Si ves un tema antiguo que hace referencia a un .ttf en su hoja de estilos, cambiarlo por un WOFF2 es una mejora de rendimiento rápida y fácil. Las aplicaciones móviles son un contexto diferente. Tanto iOS como Android usan de forma nativa archivos TTF y OTF empaquetados dentro de la aplicación; ninguno usa WOFF2 para este propósito, ya que es un formato de entrega exclusivo para navegadores. Las aplicaciones de Flutter empaquetan TTF u OTF en el directorio de assets y los declaran en `pubspec.yaml`, y React Native sigue un patrón similar. Los motores de videojuegos tienen sus propias preferencias. TextMeshPro de Unity funciona con OTF y TTF para generar sus assets de fuentes. El importador de Unreal Engine prefiere TTF. Ninguno importará un archivo WOFF2 directamente, así que si eso es todo lo que tienes, necesitarás convertirlo de nuevo a TTF u OTF primero.
Convertir entre formatos con CocoConvert
¿Necesitas cambiar entre estos formatos? CocoConvert maneja las rutas de conversión más críticas: de TTF a WOFF2, de OTF a WOFF2, de WOFF2 a TTF e incluso de OTF a TTF. Nuestro proceso está impulsado por `fonttools`, la misma biblioteca de Python estándar de la industria que usa Google Fonts. Esto asegura que tus archivos convertidos cumplan con los estándares y que las tablas OpenType como GSUB, GPOS, los registros de nombre y los datos de hinting se conserven. Para crear una fuente lista para la web, solo tienes que subir tu archivo .ttf en nuestra página de conversión de fuentes, elegir WOFF2 como salida y hacer clic en Convertir. Una fuente latina típica se procesa en segundos. El archivo WOFF2 resultante mantiene todas las métricas y características de diseño del original, sin eliminar nada por defecto. Por supuesto, CocoConvert no lo hace todo. No realiza subsetting. Si conviertes una fuente CJK de 20 MB, obtendrás un WOFF2 comprimido de 13 MB, no un archivo ligero de 50 KB que contenga solo los caracteres que necesitas. Para eso, necesitarás una herramienta dedicada como `pyftsubset`. CocoConvert tampoco altera los metadatos de licencia. Si el indicador de incrustación de una fuente (fsType) restringe su uso en la web, ese indicador permanece en el archivo convertido. Recuerda: convertir una fuente no cambia su licencia. Si no tienes los derechos para usar una fuente en la web, convertirla a WOFF2 no la hará legal. Convertir de WOFF2 a TTF es increíblemente útil cuando encuentras una fuente web y necesitas instalarla para usarla en el escritorio. La descompresión es sin pérdidas, lo que significa que el TTF resultante tiene datos de contorno que son idénticos byte por byte a la fuente original. La conversión revierte limpiamente cualquier optimización específica de WOFF2, dándote un archivo de escritorio perfectamente utilizable.
Resumen: cómo elegir el formato correcto sin complicarse
Vamos a dejarnos de rodeos. Estos tres formatos no son alternativas intercambiables. Son herramientas diferentes para trabajos diferentes. TTF es el adaptador universal. Todas las plataformas que trabajan con fuentes pueden manejar TTF. Es la decisión correcta cuando necesitas la máxima compatibilidad, te diriges a entornos de Windows antiguos donde su hinting específico brilla, o cuando una herramienta como un motor de videojuegos lo exige. Su principal debilidad es un mayor tamaño de archivo en comparación con los OTF basados en CFF y una falta típica de funciones tipográficas avanzadas. OTF es la elección del profesional para el trabajo de escritorio. Cuando una fundición tipográfica vende una fuente para diseño serio, la versión que quieres es la OTF. Contiene el conjunto completo de funciones OpenType, sus contornos CFF son compactos y todas las aplicaciones de diseño modernas lo soportan. Su único inconveniente real es que es demasiado pesado para la entrega web. Servir un OTF sin procesar por HTTP es un desperdicio de ancho de banda. WOFF2 es para una sola cosa: la web. No es un nuevo tipo de fuente, solo una fuente existente brillantemente comprimida para los navegadores. Usa WOFF2 en tus reglas `@font-face`. Siempre. Conserva el TTF u OTF original como tu archivo fuente, pero trata el WOFF2 como un activo desechable y optimizado para la entrega. Aquí tienes el flujo de trabajo simple para cualquier proyecto nuevo: consigue una fuente OTF de calidad de una fundición. Usa CocoConvert para crear una versión WOFF2 para tu sitio web. Conserva el OTF original para cualquier trabajo de impresión o diseño. Y si alguna vez te encuentras solo con un archivo WOFF2 y lo necesitas en tu escritorio, conviértelo de nuevo a TTF. Así de simple.