TTF vs OTF vs WOFF: qué formato de fuente instalar o usar en web

TrueType es el más antiguo de los cuatro. Apple lo incluyó en System 7 en 1991 y Microsoft lo adoptó para Windows 3.1 al año siguiente. Una fuente TrueType describe cada letra con curvas cuadráticas, que tienen un punto de control por segmento curvo y eran fáciles de dibujar en el hardware de la época. También lleva hinting: pequeños programas dentro de la fuente que ajustan astas y curvas a la cuadrícula de píxeles para que el texto se vea nítido en pantallas de baja resolución. La extensión .ttf sigue identificando las fuentes con estos contornos cuadráticos.

OpenType, anunciado por Microsoft y Adobe en 1996, es un contenedor más que un nuevo tipo de contorno. Puede guardar contornos TrueType o contornos PostScript almacenados en una tabla CFF, que usan curvas cúbicas con dos puntos de control por segmento. Alrededor de esos contornos añade tablas de composición para tipografía avanzada: ligaduras estándar y discrecionales, versalitas, números de estilo antiguo, conjuntos estilísticos, alternativas contextuales y kerning. Por convención, una fuente OpenType basada en CFF se guarda como .otf, mientras que una OpenType con contornos TrueType conserva la extensión .ttf.

WOFF y WOFF2 son contenedores pensados para la web. WOFF se redactó en 2009 y pasó a ser Recomendación del W3C en 2012; comprime cada tabla de la fuente con zlib. WOFF2 se convirtió en Recomendación del W3C en 2018, pasó a Brotli y preprocesa antes los datos de los glifos, lo que suele dejarlo alrededor de un 30 % más liviano que WOFF. Tres formatos secundarios completan el panorama. EOT era el formato web propio de Internet Explorer, las fuentes SVG fueron una solución provisional temprana exclusiva de Safari, y las fuentes variables, añadidas en OpenType 1.8 en 2016, reúnen toda una gama de pesos o anchos en un solo archivo.

Instale TTF u OTF y olvídese de cuál de los dos. Windows 10 y 11 instalan ambos con clic derecho e Instalar, macOS abre ambos en Catálogo Tipográfico (Font Book) y los escritorios Linux los reconocen en ~/.local/share/fonts cuando se actualiza la caché de fuentes. Word, Photoshop, la app de escritorio de Figma, Affinity y LibreOffice leen los dos. Si un diseñador le envía la misma familia en ambas versiones, el OTF suele ser la versión en la que trabajó el tipógrafo, y el TTF, una conversión hecha para software más antiguo.

Los casos en que la diferencia importa son pocos. Algunos programas de máquinas de corte y de bordado, motores de videojuegos y bibliotecas de pantallas para microcontroladores solo entienden contornos TrueType, así que un OTF basado en CFF se ve roto en ellos y hay que convertir el OTF en TTF. En sentido contrario, ningún escritorio instala WOFF ni WOFF2 directamente: esos archivos están empaquetados para navegadores. Instale una sola versión de cada familia, porque un TTF y un OTF con el mismo nombre interno confunden los menús de fuentes y las aplicaciones pueden elegir la equivocada.

Todas las versiones actuales de Chrome, Edge, Firefox y Safari leen WOFF2, así que debería ser la primera y a menudo la única fuente de su regla @font-face. Añada una línea WOFF detrás solo si sus estadísticas todavía muestran navegadores anteriores a 2016, más o menos, como WebViews antiguos de Android o navegadores integrados en televisores. El navegador recorre la lista src en orden y descarga el primer formato que admite, de modo que el respaldo no le cuesta nada al visitante con un navegador moderno. Si ya tiene el archivo TrueType de escritorio, TTF a WOFF genera ese respaldo de una sola vez.

Evite servir TTF u OTF sin comprimir en un sitio salvo que una plataforma lo exija, como hacen algunos editores de correo y gestores de contenido antiguos. Los navegadores los muestran bien, pero los archivos viajan sin comprimir a menos que el servidor aplique gzip a las fuentes, y además entregan a cualquiera una copia de escritorio lista para instalar. La línea font-display: swap de abajo indica al navegador que muestre el texto de inmediato con una fuente de respaldo y cambie a la suya cuando llegue, en lugar de ocultar el texto hasta 3 segundos mientras espera.

Aloje los archivos en su propio dominio siempre que pueda. Chrome, Safari y Firefox ahora separan la caché por sitio, así que una fuente descargada desde una CDN compartida ya no se reutiliza entre sitios web, y alojarla usted mismo ahorra una consulta DNS y una conexión. Añada <link rel="preload"> solo para el peso o los dos pesos que se ven sin desplazarse; precargar todos los estilos compite con las imágenes por el ancho de banda.

Un solo peso de texto latino guardado como WOFF2 suele pesar entre 20 y 60 KB. La misma fuente como TTF sin comprimir a menudo pesa de dos a tres veces más, y una familia que además cubre griego, cirílico y vietnamita puede superar los 200 KB por estilo. Las fuentes chinas, japonesas y coreanas están en otra escala: un peso CJK completo contiene decenas de miles de glifos y suele ocupar varios megabytes incluso con compresión WOFF2, demasiado para cargarlo antes de que la página pueda mostrar su texto.

Crear un subconjunto elimina los caracteres que la página nunca usa, y unicode-range le dice al navegador qué caracteres cubre cada archivo, de modo que solo lo descarga cuando la página los contiene de verdad. Google Fonts hace exactamente esto con las fuentes CJK: corta cada familia en muchas porciones pequeñas que se cargan a demanda. Para sus propias fuentes, la opción Conservar caracteres del convertidor de fuentes reduce el archivo a Latín + acentos (europeo) o a Solo los caracteres que escriba antes de que llegue a su servidor; deje Todos los caracteres en todo lo que vaya a instalar en una computadora.

Pasar de TTF a OTF y viceversa es un cambio de contenedor en las fuentes con contornos TrueType: la tabla de contornos, las métricas y las funciones de composición se trasladan intactas. El caso interesante es un OTF basado en CFF que pasa a TTF. Las curvas cúbicas no se pueden copiar en un formato de contornos cuadráticos, así que cada curva se vuelve a trazar como uno o más segmentos cuadráticos con una tolerancia muy inferior a un píxel. Tampoco se pueden traducir los hints de PostScript, y por eso la herramienta de OTF a TTF ofrece Hinting con las opciones Conservar, Quitar o Hinting automático.

Pasar de la web al escritorio es la conversión más frecuente. Se descarga un tema o un kit de diseño, solo aparecen archivos .woff o .woff2 y hace falta la fuente en Word o Figma. WOFF a TTF quita la compresión y vuelve a escribir las tablas originales, así que los glifos, el kerning y las funciones salen igual que entraron. Lo que no se puede recuperar es lo que la versión web ya había descartado, como los caracteres eliminados al crear un subconjunto o los hints quitados para ahorrar bytes.

La mayoría de los problemas de conversión se deben a tres cosas: el hinting, las funciones de composición y los ejes variables. La lista de abajo reúne los síntomas que probablemente note después de convertir y la causa habitual de cada uno.

Un archivo de fuente es una pequeña base de datos, y tres partes de ella responden a la mayoría de las preguntas. La tabla name guarda el nombre de la familia, el nombre del estilo, la versión, la línea de copyright y a menudo la URL de la licencia; el Catálogo Tipográfico de macOS la muestra en la vista de información, y la vista previa de fuentes de Windows muestra las primeras líneas. La cobertura de glifos indica qué idiomas puede componer la fuente: una fuente solo latina recurre en silencio a otro tipo de letra para los caracteres polacos, turcos o vietnamitas que le faltan. En una fuente variable, la tabla fvar enumera sus ejes, como el peso de 100 a 900 o el ancho de 75 a 125.

Conviene revisar la licencia antes de publicar nada. Las fundiciones comerciales suelen vender licencias distintas para escritorio, web y aplicaciones, y una licencia de escritorio normalmente permite instalar la fuente en un número determinado de computadoras, pero no servir el archivo a los visitantes de un sitio ni incluirlo en una app móvil. Convertir una fuente cambia su formato de archivo, nunca su licencia, así que un WOFF2 creado a partir de un TTF de escritorio tiene las mismas condiciones que el TTF. Las fuentes con licencia SIL Open Font License, que abarca la mayor parte de Google Fonts, se pueden convertir, reducir a subconjuntos y alojar en un servidor propio.

Casi todas las dudas sobre fuentes se reducen a dónde va a vivir el archivo. Si se instala en una computadora o se empaqueta en una aplicación, use TrueType u OpenType; si lo descarga un navegador, use los contenedores web comprimidos. La tabla relaciona los usos más comunes con el formato que conviene elegir y la conversión necesaria, para que pueda saltarse la historia e ir directo al archivo que necesita.

Dos usos quedan entre ambas categorías. EPUB 3 acepta TTF, OTF y WOFF, así que los libros electrónicos pueden usar cualquiera de las dos familias de formatos, y los archivos de fuentes SVG pertenecen al mismo linaje que los gráficos vectoriales, aunque hoy importan sobre todo a algunos programas de plóter y de grabado, no a los navegadores.