Guía de formatos de fuente: TTF, OTF, WOFF, EOT y SVG
Ahora, repasemos algunos conceptos básicos y echemos un vistazo más de cerca a los diferentes formatos de fuentes utilizados en Internet.
El formato de fuente TrueType fue desarrollado por Apple y Microsoft como respuesta al formato de fuente PostScript. TTF ha sido durante mucho tiempo el formato de fuente más común en los sistemas operativos Mac y Windows. Todos los principales navegadores lo admiten. Sin embargo, TTF no es compatible con IE8; a partir de IE9, solo se admite parcialmente porque la fuente debe configurarse como "instalable".
TTF permite el tipo más básico de gestión de derechos digitales: un indicador incrustable que especifica si el autor permite la incrustación de archivos de fuentes en archivos PDF y sitios web. Algunas herramientas te permiten modificar este indicador, que es uno de los principales problemas del formato TTF. Otra desventaja es que las fuentes TTF/OTF no están comprimidas, por lo que el tamaño de sus archivos es mayor.
OpenType es la evolución de TTF. Este es el resultado de esfuerzos conjuntos entre Adobe y Microsoft. Las fuentes OpenType contienen datos de fuentes de pantalla e impresora en un solo componente. OTF tiene varias características únicas, incluida la compatibilidad con múltiples plataformas y conjuntos de caracteres extendidos. Las fuentes OTF se pueden utilizar en los sistemas operativos Macintosh y Windows.
OTF también permite el almacenamiento de hasta 65.000 caracteres. Este espacio adicional brinda a los diseñadores la libertad de incluir componentes adicionales como letras minúsculas, gráficos de estilo antiguo, caracteres alternativos y otros caracteres adicionales que antes debían distribuirse como fuentes separadas.
La fuente EOT es una fuente diseñada por Microsoft para su uso en Internet. Este es un intento de resolver las deficiencias de derechos de autor de TTF y OTF cuando se publican en Internet. EOT utiliza herramientas de Microsoft para crear fuentes a partir de fuentes TTF/OTF existentes. La compresión y el subconjunto hacen que los archivos de fuentes sean más pequeños. Subset proporciona cierta protección de derechos de autor, pero EOT también utiliza cifrado para mayor protección. ¿Suena esto prometedor? Sí, pero el formato EOT sólo es compatible con Internet Explorer.
WOFF esencialmente contiene fuentes basadas en SFNT (como TrueType, OpenType u otros formatos de fuentes abiertas), que se comprimen mediante las herramientas de codificación de WOFF y se integran en páginas web. Este es el resultado de una colaboración entre la Fundación Mozilla, Microsoft y Opera Software. Como las fuentes están comprimidas, se cargan más rápido. Los metadatos permiten incluir datos de licencia en archivos de fuentes para resolver problemas de derechos de autor. Esta es una propuesta del World Wide Web Consortium y es claramente el futuro de los formatos de fuentes.
WOFF2 es la próxima generación de WOFF. El formato WOFF2 tiene una ganancia de compresión promedio del 30% en comparación con el WOFF original. Dado que todavía es solo una actualización recomendada, WOFF no la admite ampliamente.
Las fuentes SVG se definen utilizando el elemento "font" de SVG. Estas fuentes contienen contornos de glifos como elementos y atributos SVG estándar, como si fueran objetos vectoriales individuales en la imagen SVG. La mayor desventaja de las fuentes SVG es la falta de sugerencias de fuente. Las sugerencias de fuentes son información adicional incorporada que genera fuentes pequeñas con calidad y legibilidad. Además, SVG no es adecuado para texto. Debido a que no se puede seleccionar texto en Safari, Safari Mobile y Chrome, no se pueden seleccionar caracteres, palabras ni ninguna opción de personalización individuales. Solo puede seleccionar líneas o párrafos de texto completos.
Sin embargo, si se dirige a usuarios de iPhone y iPad, las fuentes SVG son su única opción. Este es el único formato de archivo permitido por los navegadores Safari para iOS 4.1 y versiones anteriores.
Como puedes ver, hay muchos factores que pueden afectar la representación de las fuentes web. Para garantizar la calidad y la coherencia, es necesario probar todas las combinaciones posibles de sistema operativo y navegador.