28 de febrero de 2018

Fuentes de color. El futuro de la tipografía ya está aquí.

El mundo de la tipografía digital está dando la bienvenida a un nuevo concepto que abre todo un mundo de posibilidades para el diseño web.

Las fuentes de color, o color fonts son unos tipos de letra que incluyen colores, sombras, degradados, texturas o transparencias. La magia reside en que además, permiten que el texto se edite, indexe o busque.


Gilbert font

El mundo de la tipografía digital está dando la bienvenida a un nuevo concepto que abre todo un mundo de posibilidades para el diseño web.

Las fuentes de color, o color fonts son unos tipos de letra que incluyen colores, sombras, degradados, texturas o transparencias. La magia reside en que además, permiten que el texto se edite, indexe o busque.

Gilbert font
Gilbert font

Existen cinco formatos de fuentes de color, no hay uno estándar, lo  que supone el mayor problema para este tipo de tipografías, en este momento.

Los formatos son los siguientes:

  • SBIX (Apple): versión de mapa de bits con soporte nativo en sistemas Mac e iOS
  • CBDT (Google): versión de mapa de bits con soporte nativo en sistemas Android
  • COLR (Microsoft): versión vectorial con soporte nativo en sistemas Windows 8.1+
  • SVG (W3C): Vector y versiones de mapa de bits
  • OpenType SVG (Adobe / Mozilla): versiones de vectores y mapas de bits que ponen formas SVG en fuentes OpenType
abelone-maria-gronlund
Abelone created by Maria Gronlund
aires-yai-salinas
Aires created by Yai Salinas

Los principales participantes en esta revolución tipográfica están comenzando a unificar pautas para su uso, así que Mozilla (la columna vertebral del navegador Firefox) y Adobe han acordado que OpenType SVG sea el formato preferido.

El OpenType SVG es un formato de fuente en el cual todos o algunos de los glifos de una tipografía están representados como ilustraciones SVG, es decir, gráficos vectoriales.

El mejor ejemplo de tipografía OpenType SVG es la tipografía Gilbert, creada por Ogilvy & Mather y Fontself. Fue creada junto a NewFest y NYC Pride para homenajear a Gilbert Baker, artista y creador de la bandera LGBT en 1978.

Gillbert font
Gillbert font

El formato OpenType SVG podría ser el formato que ayude a que esta tendencia realmente despegue. Es más, Adobe recientemente agregó fuentes de color a Photoshop.

Las fuentes de color comienzan a ganar peso en el mundo del diseño y aunque su uso aún está algo limitado, muchos expertos ya las consideran como una de las mayores aportaciones al mundo del diseño web reciente.

Si quieres saber más sobre cómo funcionan estas fuentes y todas las especificaciones de este nuevo formato de archivo, Fontself tiene una buena base. Fontself es una extensión para Photoshop e Illustrator que te deja convertir cualquier proyecto de lettering en una tipografía Opentype en minutos.

Etiquetas: ,