Primeiro lote de fontes coloridas chega ao Google Fonts

Diferentemente de fontes comuns, as fontes coloridas permitem a especificação de cores diretamente no arquivo de fonte - e cada símbolo pode ter várias cores.

O exemplo mais óbvio desse tipo de fonte são os emojis, mas muitos designers de tipografia estão usando essa tecnologia para criar fontes altamente personalizáveis, especialmente no formato mais recente: o COLRv1.

COLRv1 é um formato de vetor binário, o que significa que as fontes podem ser dimensionadas sem ficarem pixeladas - diferente das fontes coloridas em bitmap de antigamente.

O formato, que já está disponível no Chrome, Android e na API do Google Fonts, adiciona suporte para:

Gradientes

Todos os gradientes CSS comuns são possíveis - e vários gradientes podem ser incluídos em um único caractere.

Várias opções em paletas de cores

O designer pode optar por incluir várias opções de paleta de cores para o uso em CSS (base-palette).

Personalização da paleta de cores

É possível personalizar as paletas de cores em CSS (font-palette-values).

Variações OpenType

Como também é possível adicionar eixos variáveis, as possibilidades de personalização são infinitas.

Exemplos de tipografias criadas com COLRv1 que já estão disponíveis no Google Fonts:

Bungee Spice
Inspirada em sinalizações urbanas, essa fonte inclui vários gradientes e paletas de cores.

Nabla
A fonte usa recursos COLRv1 para criar perspectivas - com gradientes suaves, realces nítidos e sombras misturadas. Ela inclui várias paletas de cores e dois eixos de variação: um para a profundidade das letras e outro para a espessura do realce.