TTF

TrueType Font — el formato de fuente binario estándar de la industria desarrollado por Apple y Microsoft.

¿Qué es TTF?

TrueType fue desarrollado por Apple a finales de los años 1980 como alternativa a las fuentes PostScript Type 1 de Adobe, y fue adoptado posteriormente por Microsoft para Windows. Almacena los contornos de los glifos como curvas de Bézier cuadráticas, que son computacionalmente más simples (y más rápidas de rasterizar) que las curvas cúbicas utilizadas por PostScript.

TTF se convirtió rápidamente en el formato de fuente universal para macOS y Windows. Durante más de dos décadas, fue la forma estándar de distribuir fuentes — desde fuentes del sistema hasta tipografías personalizadas. Aunque WOFF/WOFF2 lo han reemplazado en gran medida para la distribución web, TTF sigue siendo la base sobre la que se construyen todos los formatos modernos de fuentes web.

Cómo funciona

Un archivo TTF es un contenedor binario organizado en tablas, cada una almacenando un tipo específico de datos:

• glyf — contornos de glifos (las formas vectoriales reales)
• cmap — mapeo de carácter a glifo (qué punto de código Unicode corresponde a qué glifo)
• head — metadatos de la fuente (unidades por em, fecha de creación, indicadores)
• hmtx — métricas horizontales (ancho de avance y margen izquierdo para cada glifo)

En las fuentes de iconos, a cada icono se le asigna un punto de código Unicode en el Área de Uso Privado (U+E000 a U+F8FF) — un rango reservado específicamente para caracteres definidos por la aplicación que no entrarán en conflicto con el texto estándar.

@font-face {
  font-family: 'MyIcons';
  src: url('myicons.ttf') format('truetype');
}

.icon {
  font-family: 'MyIcons';
  font-style: normal;
  font-weight: normal;
}

.icon-home::before {
  content: '\E001';
}

La indicación format('truetype') le dice al navegador qué tipo de archivo de fuente esperar, para que pueda omitir la descarga si TrueType no es compatible (aunque prácticamente todos los navegadores lo soportan).

Ventajas e inconvenientes

Compatibilidad con navegadores

TTF disfruta de una compatibilidad del 98 %+ con los navegadores, incluidos todos los navegadores modernos e Internet Explorer 9+. También es compatible de forma nativa con todos los principales sistemas operativos de escritorio — Windows, macOS y Linux — lo que significa que puede instalar un archivo TTF directamente como fuente del sistema sin ninguna conversión.

Aunque TTF funciona en todas partes, para la distribución web debería preferir WOFF2 (que es simplemente un TTF comprimido). Reserve el TTF sin procesar para uso en escritorio, desarrollo y como formato base en su pipeline de compilación.

Cuándo usar TTF

• Aplicaciones de escritorio — instale como fuente del sistema para su uso en aplicaciones nativas, herramientas de diseño o IDEs.
• Electron y aplicaciones nativas — incluya el TTF directamente con su aplicación para el renderizado de fuentes sin conexión.
• Desarrollo y pruebas — TTF es fácil de inspeccionar con herramientas de fuentes como FontForge, fontTools o los visores de fuentes del sistema.
• Inspección de fuentes del sistema — cuando necesite verificar métricas de glifos, hinting o tablas cmap usando utilidades a nivel del sistema operativo.