4. Tipografía digital

4.3. Fuentes para impresión frente a fuentes para pantalla

Las fuentes para impresión o desktop fonts —también llamadas fuentes de escritorio— han sido diseñadas para su uso en sistemas de impresión tradicionales sin conexión y planteadas para ser reproducidas en alta resolución —a partir de 150 puntos por pulgada (ppp).

Este tipo de fuentes están diseñadas para poder instalarse en el ordenador personal y para poder ser usadas en aplicaciones como Microsoft Word o Adobe Illustrator. Algunas fuentes disponen de características especiales en sus versiones OpenType que le dan al usuario gran flexibilidad para diseñar, como los caracteres alternativos o los diferentes numerales.

Suelen tener una extensión .otf, .ttf o .ps1, que corresponden a los formatos OpenType, TrueType o PostScript.

Tipografía Times New Roman, diseñada en 1932 por Stanley Morison en exclusiva para el periódico The Times.
Tipografía Helvetica, diseñada en 1957 por Max Miedinger y planteada para su aplicación en cartelería e imagen corporativa.
Tipografía Din 1451, encargada por la Deutsches Institut für Normung en 1931 y diseñada exclusivamente para aplicar en señalización y rótulos en viales.

Las fuentes para pantalla, también llamadas web fonts, son tipografías cuyo diseño está planteado en exclusiva para su uso en dispositivos de baja resolución —72 puntos por pulgada (ppp)—, como las páginas web, los smartphones o tabletas. Este tipo de fuentes se cargan mediante CSS por la regla @font-face; esto hace que el navegador del usuario pueda descargar la web font de los servidores, de las respectivas fundiciones digitales y pueda renderizar correctamente los textos de forma correcta para una buena visualización.

A diferencia de las fuentes desktop, las tipografías web no pueden instalarse en el sistema para su uso en diferentes aplicaciones.

Los formatos más comunes en este tipo de fuentes son los siguientes:

  • WOFF (Web Open Font format). Desarrollado durante el año 2009, contiene tipografías OpenType o TrueType con metadatos (grupos de datos que describen el contenido informativo de un objeto) en formato comprimido. Creado por Mozilla, Microsoft y Opera Software con el objetivo de ser usado exclusivamente en web, su compresión permite cargar más rápido y los metadatos permiten incluir la información de las licencias en el archivo de fuentes.
  • EOT (Embedded Open Type). Este formato es un poco particular, ya que es un tipo de fichero propio creado para Internet Explorer debido a que este no soporta todas las características que ofrece @font-face. Podríamos decir que se ha creado a medida solo para este tipo de navegador. A nivel de características de datos y compresión, son las mismas que el formato WOFF.
  • SVG (Scalable Vector Graphics). Este formato de fuentes contiene atributos similares a las de un elemento vectorial, es decir, son escalables y no pierden definición. Aun así, el mayor inconveniente del formato SVG es la falta de información extra de la fuente para representar tamaños pequeños con calidad y legibilidad en la pantalla. Eso significa que no es muy aconsejable si se quiere trabajar en cuerpos de texto pequeños. Si el proyecto en línea es para usuarios de iPhone y iPad, las fuentes SVG son la mejor opción, pues es el único permitido para el navegador Safari y el sistema operativo iOS.