No começo de janeiro de 2010, o camarada Danilo Siqueira entrou em contato pedindo ajuda numa empreitada. Ele tinha desenhado caracteres caixa-alta (A-Z), no Illustrator, e queria transformar aquilo numa fonte. A fonte era para o projeto Unique Types, encabeçado pela Agência Click. Junto com o Fred Sekkel ele havia definido o conceito do projeto. Já havia produzido inclusive um vídeo de apresentação do projeto com a ajuda do Felipe Cretella e do Estudio Mellancia. Faltava o que, nas palavras do Danilo, era “converter os desenhos .ttf”.

Eu conheço o Danilo pela internet há um bom tempo, o projeto Unique Types estava no ar e parecia algo de credibilidade, –embora não estivesse claro para mim como uma fonte royalt free poderia contribuir com as crianças da AACD. A minha reação inicial, diante disso, foi dizer que topava fazer a produção da fonte e já adiantava que não era simplesmente converter os vetores do Illustrator em uma extensão de fonte digital, o buraco era mais em baixo. Pensei assim: na pior das hipóteses, eu trabalharia algumas horas nesse projeto, ajudaria um camarada, uma ação filantrópica,  poderia juntar algumas informações sobre o projeto e escrever um texto para o blog, seria uma boa oportunidade para expor um método de criação de uma fonte digital do início ao fim.

Pretendo usar esse case para trabalhar alguns conceitos técnicos que considero importantes e que vira e mexe debato com alunos e interessados no assunto. A primeira coisa que precisa ser dita: Uma fonte é um software, um arquivo com informações compiladas relativas ao desenho de curvas dos caracteres que determinam a sua reprodução nos softwares, somado a um conjunto de instruções métricas que determinam o alinhamento e o espaçamento entre palavras, entre letras, e entre linhas dos caracteres, podem conter ainda outras informações referentes à aparência dos glifos, autoria, estilo e recursos avançados, como ligaturas, swashes, automatização para facilitar tarefas, etc. Nesse sentido, uma fonte está mais perto de um software como o Word, Photoshop do que um simples desenho vetorial. Vamos ao projeto.

1ª Etapa
A primeira coisa que pedi para o Danilo foi para que ele me enviasse os arquivos que tinha desenhado no Illustrator. O Illustrator é um software para illustração vetorial, no entanto, é inadequado para desenho de fontes digitais, existem alguns softwares específicos para este fim. Eu uso o software Fontlab. O primeiro passo, portanto, era passar esses caracteres para o Fontlab, mas o que muita gente não sabe é que fazer uma ilustração é muito diferente de se desenhar uma letra.

Em uma fonte, os nós das curvas bézier precisam estar realmente bem posicionados e o traçado precisa fluir para que não cause problemas futuros, isso sem contar o fato de que o processo de importar os caracteres do Illustrator para o Fontlab muitas vezes deformam o desenho, exigindo conferência e refinamento. Resumindo, é muito mais fácil e produtivo desenhar direto no Fontlab, ele possui ferramentas adequadas para tal.

2ª Etapa
Além do desenho dos caracteres, uma das coisas importantes para se pensar ao iniciar um projeto de uma fonte digital é definir o range de glifos, ou seja, se vai ter caixa-alta, baixa, números, símbolos, pontuações, acentos (diacríticos), etc. A linha de raciocínio é simples: quanto menor o range, menor a possibilidade de uso, e quanto maior o número de glifos maior  a possibilidade de usos da fonte.

As fontes que vendo normalmente têm em torno de 400 glifos. É claro que produzir algo dessa envergadura demanda muito tempo e cuidado. Na Times To Go, em princípio, a ideia era apenas produzir os 26 caracteres desenhados pelo Danilo, mas como sei que isso limitaria muito o uso da fonte resolvi ampliar o range de glifos. Mostrei os novos desenhos para o Danilo, trocamos algumas ideias e dei continuidade nas outras etapas da empreitada. Tenho um senso de detalhamento e perfeição que me impede de entregar somente um arquivo “convertido”. É difícil explicar, talvez só quem trabalhe com isso entenda, pode-se dizer que é uma espécie de obsessão. No fim das contas, o que era para ser um arquivo de 26 glifos, acabou se tornando um arquivo com 148 glifos.

3ª Etapa
Finalizada a parte de desenho e definição dos glifos, é preciso acertar o que chamamos de métricas, ou seja, os espaços laterais do lado esquerdo e direito de cada glifo. Você deve estar se perguntando, como assim, tem que fazer isso nos 148 glifos? Sim, é uma etapa imprescindível. Quem falou que fazer uma fonte não dá trabalho? Nesse momento, as letras deixam de ser desenhos isolados e começam a ser entendidas como palavras, frases e textos. No momento que você começa a compor palavras também percebe que determinadas soluções de desenho não dão certo. Deve voltar aos vetores e arrumar pequenos detalhes. Para fazer o espaçamento gosto de fazer uso da técnica descrita por Walter Tracy, no livro Letter of Credit. Tracy indica basear os espaçamentos das letras a partir das semelhanças entre os desenhos dos caracteres, equalizando os espaços dos caracteres arredondados, retos, triangulares e os que não se enquadram nas categorias anteriores. O que normalmente faço é juntar essa teoria com o recurso de classes que o Fontlab fornece. As classes são extremamente uteis para padronizar espaços para um grupo de letras de uma vez só, de modo que você possa setar o espaço para uma letra e replicar em todas as outras do grupo.

4ª Etapa
Após o espaçamento dos caracteres, é preciso ajustar os pares críticos de glifos. Essa técnica é conhecida como Kerning. E resolve o problema que o espaçamento simples não foi capaz de resolver, ele cria espaços negativos e até mesmo positivos entre as letras. Mas por que isso? Porque existem letras com formas muito diferentes e se não for feito um bom trabalho de kerning, as palavras ficam com buracos de espaçamento. Isso parece simples, mas não é. Podemos até dizer que é um dos principais problemas das fontes gratuitas do mercado. Infelizmente estou cansado de ver os mais diversos tipos de peças gráficas com esse problema. O Fontlab fornece um bom recurso para essa tarefa de programação. Assim como nos espaçamento é preciso usar o recurso de classes para agrupar caracteres semelhantes e definir grupos de kerning. Isso facilita bastante o trabalho. A parte cansativa do kerning é que você deve aferir ele visualmente. É comum o uso de diversos tipos de pangrama para ajudar o controle do kerning e é aconselhável imprimir textos em diversos tipos de condições para avaliar não só os problemas dessa etapa como as anteriores . Pode-se perceber que o processo de desenho e produção de uma fonte é algo bem detalhado e de idas e vindas. Como diz Karen Cheng no livro Designing Type: “O design de tipos é uma atividade lenta e repetitiva; o melhor é fazer o espaçamento ao longo de vários meses –e, as vezes, ao longo de anos -, mas nunca em poucas horas”.

5ª Etapa
A última etapa consiste em ajustar, conferir as informações e gerar o arquivo da fonte digital. Não basta salvar o arquivo, uma fonte é gerada, pois é um software e suas informações/instruções são compiladas em um único arquivo. Uma das extensões mais usadas para a compilação,atualmente, é o OpenType, por ser multiplataforma, ter suporte a um número maior de glifos, entre outras coisas. Por fim, é preciso testar a fonte em diversos softwares e plataformas para ter certeza que tudo está funcionando conforme planejado.

É justo ressaltar que descrevi aqui um método resumido de desenho e produção de uma fonte digital que diz respeito a um processo único e particular, definido em alguns anos de estudo e por um profissional independente. Existem muitas empresas e profissionais que fazem uso de diversos métodos que não esses. No fim das contas, a grande alegria do type designer é ver a fonte que deu tanto trabalho em uso. E parece que nesse quesito a Times To Go está indo bem.