O desenvolvedor que criou 175 fontes com Rust

Índice

• Antes do Megapack
• O primeiro pacote
• O segundo pacote
• Legado
• Objetivos do Megapack
• Maior e melhor
• Mais suporte a idiomas
• Variações de estilo
• Precisão no kerning
• Melhor controle de qualidade
• Distribuição e manutenção mais fáceis
• Elevando o padrão
• Estudando design de fontes
• Referências fotográficas
• PIFO: minha ferramenta de fontes pixeladas
• Como funciona
• Crates usados
• Etapa 1: gerar a folha de fontes
• Etapa 2: criar contornos de glifos
• Etapa 3: tabela de kerning
• Etapa 5: exportar
• Testes de qualidade
• Distribuição
• Conclusão

Antes do Megapack

• Começou a criar o primeiro pacote de fontes em 2016, ao iniciar o trabalho em Ikenfell
• Lançou o segundo pacote em 2018, com grande melhora de qualidade

O primeiro pacote

• Em 2016, vendeu no itch.io o primeiro pacote, com 12 fontes
• Na época, ainda faltava habilidade em design de fontes, mas ele foi bastante usado em jogos indie

O segundo pacote

• Lançou o segundo pacote em 2018, com 40 fontes
• Adicionou tabelas de kerning e ofereceu formatos adaptados a vários engines
• Divulgou o pacote em parceria com desenvolvedores indie, usando screenshots de jogos

Legado

• O segundo pacote foi muito popular e chegou a ser usado em jogos grandes, como Cadence of Hyrule, da Nintendo
• Várias fontes também foram usadas em Get in the Car, Loser, da Love Conquers All Games

Objetivos do Megapack

• Após o lançamento de Ikenfell, entrou em burnout, mas continuou aprimorando suas habilidades de programação em Rust
• Fez planos para criar um pacote de fontes ainda maior

Maior e melhor

• Desta vez, a meta era chegar a 100 fontes e criar estilos adequados para vários gêneros de jogos

Mais suporte a idiomas

• Os pacotes anteriores suportavam apenas caracteres ASCII, mas desta vez o suporte foi ampliado para EFIGS (inglês, francês, italiano, alemão e espanhol)

Variações de estilo

• Cada fonte passou a oferecer suporte a vários tamanhos e pesos, permitindo variedade sem perder consistência visual

Precisão no kerning

• O trabalho de kerning foi automatizado para reduzir tempo e erros

Melhor controle de qualidade

• Foi introduzida uma forma de avaliar com mais facilidade a qualidade geral das fontes

Distribuição e manutenção mais fáceis

• O processo de upload e distribuição foi automatizado para reduzir erros e aumentar a eficiência

Elevando o padrão

• Estudou design de fontes e reuniu muitas referências

Estudando design de fontes

• Estudou design de fontes por meio do livro "Design School: Type", de Richard Poulin

Referências fotográficas

• Usou várias fotos de texto como material de referência

PIFO: minha ferramenta de fontes pixeladas

• Desenvolveu em Rust uma ferramenta chamada PIFO para criar fontes pixeladas

Como funciona

• A ferramenta usa uma tile sheet em PNG e um arquivo de configuração para gerar fontes, calcular automaticamente pares de kerning e exportar arquivos TTF

Crates usados

• Foram usados clap, image, rayon, serde, glyph-names, ab-glyph, crunch e outros

Etapa 1: gerar a folha de fontes

• Gera fontes usando a tile sheet e o arquivo de configuração

Etapa 2: criar contornos de glifos

• Agrupa pixels em clusters, gera contornos e os converte em glifos TTF

Etapa 3: tabela de kerning

• Gera a tabela de kerning com kerning manual e automático

Etapa 5: exportar

• Exporta as fontes como arquivos TTF, tile sheets e atlas de textura compactados

Testes de qualidade

• Testa a qualidade das fontes e corrige problemas

Distribuição

• Cria o projeto no itch.io e faz o upload

Conclusão

• Em dezembro de 2023, lançou o Megapack de 175 fontes pixeladas e criou, com Rust, uma toolchain para gerar fontes, testar a qualidade e distribuí-las

Resumo do GN⁺

• Este texto oferece uma explicação detalhada sobre o processo de design e produção de fontes pixeladas
• É interessante ver o desenvolvimento, em Rust, de uma ferramenta de geração de fontes e de um sistema automatizado de kerning e controle de qualidade
• É uma informação muito útil para quem tem interesse em design de fontes pixeladas
• Outros projetos com funções parecidas incluem FontForge e Glyphs

[GN⁺]

Comentários do Hacker News

• Fiquei curioso sobre o motivo estilístico da diferença de espaçamento entre "Fdj" e "Fjo"
• Criar uma fonte pode levar um ano e inclui várias variações, como maiúsculas, minúsculas, símbolos, pesos e itálicos
  • O kerning (espaçamento entre caracteres) é um trabalho muito importante e exige muito tempo e esforço
  • Uma fonte com suporte a 176 caracteres pode exigir 37.976 pares de kerning
  • Isso é automatizado para cuidar da maior parte do trabalho de kerning, com ajustes manuais quando necessário
• É um trabalho que lembra uma época em que não havia fronteira entre artista e engenheiro
• É possível gerar fontes raster com o software Metafont de Donald Knuth
• Gostei da fonte do site e do estilo simples
  • Há um post sobre como o site foi feito
• Fico feliz em saber que esse trabalho também ajudou financeiramente
  • Chevy Ray é um desenvolvedor indie de jogos e atuou entre 2010 e 2012
• Parece que deve haver maneiras de deixar o algoritmo mais rápido
  • Substituir o hashmap por um bitmap e um array de índices de bytes pode ser uma abordagem
• Para quem se interessa por fontes, recomendo dar uma olhada em tomorrow.type.today
  • Uma das pessoas da equipe coleciona o trabalho deles
• No Rust, é fácil executar esse tipo de trabalho em múltiplos núcleos
  • Basta inserir uma única chamada na cadeia de funções
• Tipografia é uma área difícil de entender
  • Criar 175 fontes e fazer com que cada uma seja significativamente diferente é algo impressionante