Guía de comparación y selección de escenarios para los formatos de fuente TTF, OTF y WOFF2
Este artículo compara los formatos de fuente más comunes para los escenarios de composición de escritorio y incrustación web, analiza las diferencias en los algoritmos de contorno, explica los beneficios de WOFF2 en cuanto a tamaño de archivo por compresión, y ayuda a diseñadores y desarrolladores front-end a seleccionar formatos de fuente compatibles.
Actualizado 2026-08-11
Diferencia matemática central en los contornos: curvas de Bézier cuadráticas frente a curvas de Bézier cúbicas
TrueType, o TTF, utiliza curvas de Bézier cuadráticas para describir los contornos de la fuente. Un único segmento de contorno requiere más puntos de control para dibujar una curva suave. Este mecanismo de contorno se utiliza desde la década de 1980 y es compatible con la mayoría de los programas de composición de escritorio.
OpenType, o OTF, admite curvas de Bézier cúbicas para describir contornos. Una curva suave única requiere menos puntos de control, las transiciones entre curvas son más naturales y la salida de impresión tiene mayor precisión. OpenType fue lanzado conjuntamente por Adobe y Microsoft en 1996 y es compatible con la especificación de curvas cuadráticas de TTF.
| Tipo de formato | Tipo de curva de contorno | Cantidad de puntos de control | Escenarios aplicables |
|---|---|---|---|
| TTF | Curva de Bézier cuadrática | Más para el mismo contorno | Uso general de escritorio, reserva web |
| OTF | Curva de Bézier cúbica | Menos para el mismo contorno | Composición de impresión profesional |
Características de compresión y beneficios de tamaño de archivo para web de WOFF2
WOFF2, el formato de fuente web, se implementa basado en el algoritmo de compresión Brotli. En comparación con la compresión DEFLATE utilizada por el formato WOFF tradicional, puede reducir el tamaño del archivo en aproximadamente un 30%. Un tamaño de archivo menor disminuye el uso de ancho de banda de carga web y acorta el tiempo de la primera pintura de contenido.
El formato WOFF fue publicado por W3C en 2009, y WOFF2 fue lanzado en 2012. Todos los principales navegadores globales actuales, incluidos Chrome, Firefox, Edge y Safari 10 y versiones superiores, proporcionan soporte nativo, por lo que no se requiere un manejo adicional de compatibilidad.
Configuración estándar de pila de formatos para incrustación web
Cuando los desarrolladores front-end incrustan fuentes web, siguen la regla general de pila de formatos: declaran WOFF2 primero, luego declaran WOFF como reserva. Esta configuración cubre más del 99% de las versiones activas de navegadores de escritorio y móviles, y cumple con los requisitos de la mayoría de los escenarios de producción.
Las versiones antiguas de Internet Explorer solo admiten el formato EOT. La cuota actual de usuarios activos de IE es menor al 1%, por lo que la compatibilidad con este formato ya no es necesaria en la mayoría de los escenarios. Si se necesita compatibilidad con dispositivos iOS antiguos, se puede agregar adicionalmente el formato TTF como capa de reserva final.
Notas sobre fuentes variables y características de OpenType
Las fuentes variables se desarrollan basadas en la especificación OpenType 1.8. Un único archivo de fuente puede contener espacios de variación para múltiples pesos, anchos y tamaños ópticos. Los diseñadores y desarrolladores pueden ajustar los parámetros para obtener estilos de fuente que cumplan con sus requisitos, y reducir el tamaño de carga de múltiples archivos.
OpenType también admite múltiples características de composición, incluidas ligaduras estándar, ligaduras discrecionales y versales, entre otras. Estas características se pueden activar según sea necesario durante la composición para mejorar la legibilidad del texto y la estética visual. Los programas de composición de escritorio como InDesign e Illustrator admiten la activación de estas características.
Límites de retención de información para la conversión de formatos de fuente
Al convertir entre diferentes formatos de fuente, los datos de contorno de la fuente permanecen sin cambios. No altera la forma final del glifo mostrado, ni afecta los efectos de impresión y visualización en tamaños grandes.
La información de sugerencias (hinting) en las fuentes, que es información de optimización para tamaños de texto pequeños en pantallas, puede cambiar durante la conversión entre diferentes formatos. El texto de tamaño pequeño mostrado en pantallas de baja resolución puede tener diferencias de visualización sutiles. OKfmt proporciona una herramienta de conversión de fuentes de múltiples formatos, y sus reglas de conversión siguen la lógica estándar de las bibliotecas de conversión de código abierto.
Preguntas frecuentes
¿Se puede usar OTF o TTF para la composición de escritorio?
Elija OTF para salidas de impresión profesionales, y TTF es suficiente para la composición de oficina diaria. Las curvas de Bézier cúbicas de OTF producen bordes más suaves en impresiones de alta precisión, mientras que la compatibilidad de TTF cubre todos los programas de composición de escritorio.
¿La incrustación web necesita incluir múltiples formatos de fuente?
Para los escenarios actuales, solo se requiere WOFF2 más WOFF, que cubre más del 99% de los navegadores activos. Si no necesita compatibilidad con dispositivos iOS anteriores a 2016, mantener solo WOFF2 es suficiente para su uso.
¿La conversión de formato daña las características de las fuentes variables?
Las herramientas de conversión compatibles no alteran la información de los ejes de variación de las fuentes variables, y pueden retener las características variables completas. La conversión solo ajusta el formato de encapsulado, mientras que el contorno central y los parámetros de los ejes conservan sus datos originales.