Ir al contenido principal

Formatos de fuentes

Obtén más información sobre los distintos formatos de fuentes y sus usos prácticos

Escrito por Supriya Bisht
Actualizado hoy

Un formato de fuente es un archivo que contiene los datos de la fuente, es decir, la información acerca del aspecto de las letras y símbolos y de cómo deben comportarse.

Al igual que un .jpg contiene una imagen o un .mp3, música, un archivo de fuente contiene los datos referentes a esta.

En esta sección, aprenderás sobre:

  • Los formatos de fuentes y sus usos prácticos.

  • Los diferentes tipos de formatos de fuentes.

  • La diferencia entre las fuentes de escritorio y las fuentes web.

  • Los formatos de fuentes disponibles en Monotype Fonts.

¿Qué es un formato de fuente?

Un formato de fuente es un archivo que contiene las especificaciones de la fuente. Entre ellas se incluyen la codificación visual del diseño de sus caracteres (glifos), parámetros tipográficos y características opcionales, como ligaduras o alternativas estilísticas. Gracias a estos detalles, es posible mostrar la fuente de forma coherente tanto en entornos digitales como impresos.

Para mostrar fuentes en casos especiales, como los entornos SaaS, es imprescindible tener una licencia de servidor. Esta licencia garantiza que se cumplan los derechos de uso y proporciona los formatos adecuados para las aplicaciones de servidor.

La diferencia principal entre los distintos formatos de fuentes disponibles radica en el uso que les quieres dar. Por ejemplo, las fuentes de escritorio instaladas en tu ordenador están pensadas para utilizarse en aplicaciones como Word o Photoshop, mientras que las fuentes web están diseñadas para usarse en sitios web y se muestran en los exploradores mediante CSS.

Además, el tipo de licencia que adquieres determina el formato de los archivos de fuentes que recibes. Por ejemplo, una licencia de fuentes web proporciona las fuentes en formatos WOFF y WOFF2, mientras que con una licencia de escritorio los formatos que se instalan son TTF u OFT.

Diferentes tipos de formatos de fuentes

Los formatos de fuentes se pueden clasificar en tres tipos principales, según su forma de almacenar y mostrar los caracteres:

  • Fuentes en mapa de bits (fuentes rasterizadas)

  • Fuentes de trazo (fuentes vectoriales)

  • Fuentes de contorno (fuentes escalables)

Tipo de formato de fuente

Descripción

Ejemplos

Uso práctico

Fuentes en mapa de bits (fuentes rasterizadas)

Estas fuentes se basan en píxeles y dependen de la resolución.

Chicago, Fixedsys y VGA

Sistemas heredados, interfaces de la línea de comandos, dispositivos incrustados.

Fuentes de trazo (fuentes vectoriales)

Estas fuentes usan líneas y curvas para definir los caracteres, y suelen requerir datos mínimos.

Fuentes Hershey y fuentes de texto para CAD

Dibujo técnico, programas de CAD, trazado vectorial.

Fuentes de contorno (fuentes escalables)

En estas fuentes se define cada carácter (glifo) utilizando contornos matemáticos en vez de píxeles fijos, por lo que se pueden utilizar a cualquier tamaño sin perder calidad.

Adobe Garamond, Helvetica Neue (Type 1), Arial, Calibri, Roboto y Roboto Flex

Diseño web, maquetación, identidad de marca, IU/UX.

¿Cuál es la diferencia entre las fuentes de escritorio y las fuentes web?

La tabla a continuación explica las diferencias entre las fuentes de escritorio y las fuentes web.

Fuentes de escritorio

Fuentes web

Objetivo

Diseñadas para utilizarse en aplicaciones instaladas en el ordenador, como Microsoft Word, Adobe Photoshop u otros softwares de escritorio.

Diseñadas para su uso en sitios web y renderizadas por el navegador del usuario.

Instalación

Se instalan de forma local en el ordenador del usuario.

No se instalan en el ordenador del usuario; se alojan en un servidor web y se descargan a través del navegador cuando se necesitan.

Formatos de archivo

OpenType (.otf) o TrueType (.ttf).

Web Open Font Format (WOFF o WOFF2), optimizado para usarse en web.

Licencias

Las licencias de fuentes de escritorio permiten instalar las fuentes en ordenadores para utilizarlas en materiales impresos o imágenes estáticas.

Las licencias de fuentes web permiten incrustar las fuentes en sitios web.

Implementación

Es necesario instalar y gestionar las fuentes en el equipo para poder utilizarlas en procesadores de texto, softwares de diseño y entornos de desarrollo.

Se utilizan en conjunción con reglas CSS @font-face para determinar qué fuentes se mostrarán en el sitio web.

Uso práctico

Crear folletos, octavillas, logotipos, maquetas de sitios web, letreros y otros materiales.

Mostrar texto en sitios web, lo que garantiza una tipografía coherente en diferentes dispositivos y navegadores.

¿Qué formatos de fuentes son compatibles con Monotype Fonts?

Monotype Fonts admite los siguientes formatos:

Tipo de archivo

Formato de fuente

Nombre del formato

Descripción

.otf

OTF

OpenType

OpenType es el formato de fuentes moderno más popular. Los archivos OTF también pueden utilizar el formato CFF (formato de fuente compacto).

.ttf

TTF

TrueType

El formato de archivo TrueType se creó en la década de los 80 y sigue siendo ampliamente compatible con softwares de escritorio.

.woff

WOFF

Web Open Font Format

Es un formato de envoltura (wrapper) para fuentes TrueType y OpenType. Comprime los archivos y es compatible con todos los navegadores actuales.

.woff2

WOFF2

Web Open Font Format 2

WOFF2 es una versión actualizada del formato WOFF original.

.otf

OTF con contornos CFF

OpenType Std (CFF)

  • Std significa estándar. Incluye un juego de caracteres básico (como Latin-1).

  • Utiliza contornos PostScript (CFF), compactos e ideales para materiales impresos.

  • Carece de funciones tipográficas avanzadas como versalitas, cifras elzevirianas o compatibilidad con distintos idiomas.

.otf

OTF con contornos CFF

OpenType Pro (CFF)

Pro significa profesional, y puede incluir juegos de caracteres ampliados o funciones tipográficas adicionales.

.ttf

OpenType con contornos TrueType

OpenType Pro (TTF)

  • Incluye el mismo juego de caracteres ampliado y funciones tipográficas avanzadas que OpenType Pro (CFF).

  • Utiliza contornos TrueType (curvas cuadráticas de Bézier), que están mejor optimizados para renderizarse en pantallas.

  • Es la opción ideal cuando la nitidez en pantalla es fundamental, como en web o en diseños de IU.

.ttf

OpenType Std (TTF)

OpenType Std con contornos TrueType

Recomendado cuando se necesitan juegos de caracteres latinos básicos para proyectos de uso general, como interfaces o web. Por ejemplo, Arial Std.


Lecturas recomendadas

¿Ha quedado contestada tu pregunta?