Una mirada técnica a los tipos de fuente: TTF, OTF, WOFF, EOT y SVG

Existen muchos formatos de fuente como EOT, TTF, SVG, WOFF o WOFF2. A pesar de tantas opciones, es difícil hablar de un único formato de fuente que funcione en todos los navegadores. En este contenido intentaremos explicar exactamente a qué nos referimos.

¿Qué navegadores admiten qué formatos de fuente?
Aunque muchos navegadores comparten varios formatos en común, no hay un único formato común a todos. Estos son algunos navegadores conocidos y los formatos que admiten:
Internet Explorer versión 8: EOT
Internet Explorer versiones 9-11: EOT, OTF/TTF, WOFF 
Microsoft Edge versiones 12-14: OTF/TTF, WOFF
Firefox versiones 40-45: OTF/TTF, WOFF, WOFF2
Chrome versiones 43-49: OTF/TTF, WOFF, WOFF2
Safari versiones 8-9: OTF/TTF, WOFF, SVG
Opera versiones 32-35: OTF/TTF, WOFF, WOFF2
iOS Safari versiones 8.4-9.1: OTF/TTF, WOFF, SVG
Android versión 4.4: OTF/TTF, WOFF
Chrome para Android versión 4.6: OTF/TTF, WOFF, WOFF2
Hemos indicado arriba los formatos de fuente para muchos navegadores, pero ¿qué hacen? Veamos más de cerca qué son estos formatos y para qué se usan.

TTF, también conocido como TrueType Font
Quizá te sorprenda  pero este formato fue desarrollado por Apple para responder a Microsoft. Desarrollada a finales de los años 80 como respuesta a la fuente PostScript de Microsoft, TTF es la fuente más utilizada en sistemas Mac y Windows. Por ello, todos los navegadores principales admiten TTF. Por supuesto, hay una excepción: Internet Explorer 8 no admite TTF, y para la versión 9 se ofrece como una opción descargable  ¡Bastante sorprendente!

La mayor ventaja de TTF es que permite la gestión más sencilla y cómoda de los derechos digitales. Con esto nos referimos a poder incrustar texto en PDF y sitios web directamente en el punto de uso. Aunque resulta claro en términos de permisos, dejar abiertas ciertas lagunas es uno de sus mayores problemas. Otro problema es que el contenido en formato TTF/OTF no se comprime, lo que conduce a volúmenes de datos mayores. Como puedes imaginar, esto no es especialmente deseable .

OpenType Font, OTF
No estaría mal llamar a OpenType una versión mejorada de TTF. Introducida por Adobe y Microsoft, esta fuente permite que los datos de fuentes para pantallas e impresoras se obtengan desde un único punto. También cuenta con capacidades importantes como un conjunto de caracteres ampliado y soporte para múltiples plataformas. OTF se puede utilizar en sistemas operativos Macintosh y Windows.
Además de todo esto, OTF permite almacenar hasta 65.000 caracteres. Esta capacidad abre la puerta a que los diseñadores produzcan caracteres alternativos y creen distintas extensiones.

Embedded Open Type, EOT 
La fuente Embedded Open Type fue diseñada por nuestro querido Microsoft para su uso en la web. Uno de los objetivos de este diseño fue abordar las lagunas de derechos de autor que las estructuras TTF y OTF generaban en la publicación web. 
EOT tiene una estructura que crea nuevas fuentes a partir de fuentes TTF/OTF existentes utilizando herramientas de Microsoft. Este método hace posible el subsetting y la compresión. Una de las mayores carencias de TTF, el hecho de que no se pueda comprimir y ocupe demasiado espacio, también se supera de esta manera. Además, el subsetting también ofrece una mejor protección de los derechos de autor. Todo lo que has leído hasta aquí suena genial, lo sabemos, pero... EOT solo es usado por Internet Explorer

WOFF, Web Open Font Format
 En resumen, WOFF puede describirse como OTF o TTF con metadatos y capacidad de compresión. Además, es compatible con los navegadores que tienen la mayor base de usuarios. Cabe añadir también que, como sugiere su nombre, WOFF fue creado para su uso en la web. Mozilla, Opera y Microsoft colaboraron en su desarrollo. 
Dado que WOFF se puede comprimir, conduce a una carga de página más rápida. Los metadatos que contiene también abordan los problemas de derechos de autor al incluir los datos de licencia de los archivos de fuente. Recomendada por el World Wide Web Consortium, esta fuente se considera el futuro de los formatos de fuente. 
Y WOFF2 (sí, lo has adivinado ) es la siguiente generación de WOFF. Proporciona un 30% más de compresión que el otro formato. Su mayor problema en este momento es que aún no cuenta con la amplia red de soporte de WOFF.

Scalable Vector Graphics Font, SVG
Es posible que hayas visto antes el formato SVG en imágenes o archivos de foto. La fuente SVG se utiliza para definir las tipografías en archivos SVG. Aunque el formato, que tiene una estructura similar a una imagen SVG, no ofrece hinting para las tipografías, ofrece claves de glifo y una estructura que puede submuestrear la imagen SVG. Las fuentes SVG no proporcionan un entorno útil para el texto corrido; no permiten la selección de palabras o letras en el texto y solo permiten que se pueda seleccionar la línea entera o el párrafo entero. Si bien esto puede ser un reto para los lectores en términos de carga, tiene propiedades que impiden la copia
Finalmente, en cuanto a las fuentes SVG, una cosa a tener en cuenta es que si tu público objetivo son todos los usuarios de iPhone o iPad, SVG es tu única opción. Solo este formato es compatible con la aplicación Safari de las versiones iOS 4.1 e inferiores.