Converter TTF para WOFF2

Nada é redesenhado. Um TTF é um conjunto de tabelas — contornos, mapa de caracteres, métricas, kerning, definições de recurso OpenType — e o WOFF2 mantém cada uma delas, comprimidas com Brotli depois de um passo de preparação que reorganiza os dados de fonte num formato que o compressor entende bem.

É por isso que a conversão é sem perdas e não exige pensar em qualidade: não há ajuste para errar, nem reamostragem, nem decisão de cor. A única coisa que dá para errar aqui é se você tinha permissão para fazer isso — o próximo tópico, e o que a maioria dos conversores deixa de fora.

Fonte é software e é licenciada como software. A licença de desktop que veio com uma TTF comprada cobre instalar num número de máquinas e usar para criar coisas; não cobre automaticamente colocar o arquivo num servidor web onde qualquer um pode baixar. Uso web normalmente é uma licença separada, vendida à parte, e frequentemente cobrada por visualizações de página mensais.

Nada no arquivo impede você, o que é exatamente o problema — a conversão leva um segundo e a violação é invisível até alguém olhar. A exceção que vale saber é a SIL Open Font License, sob a qual a maioria das fontes gratuitas é distribuída: permite conversão, subconjunto e hospedagem própria.

Uma fonte chega numa página através de uma regra @font-face que dá um nome de família, aponta para o arquivo e declara qual peso e estilo aquele arquivo representa. O nome de família é local à sua folha de estilo e arbitrário — não precisa bater com o que a fundição chamou a fonte.

O erro comum é uma regra só para a família inteira. O navegador não vai recusar deixar o texto em negrito; ele vai sintetizar um borrando o peso regular, e o resultado fica visivelmente pior que o negrito de verdade sentado no mesmo diretório sem uso.

Uma TTF de varejo cobre latim, latim estendido, cirílico, grego, símbolo de moeda e várias centenas de glifos que ninguém num site em português vai digitar, e todo visitante baixa tudo isso. Reduzir a fonte só aos caracteres realmente necessários costuma vencer o que a compressão sozinha consegue.

Faça as duas coisas, nessa ordem: subconjunto primeiro, depois converta. Uma TTF de 300 KB reduzida a latim básico e embrulhada como WOFF2 rotineiramente cai para cerca de 25 KB.

Um navegador instruído a usar uma fonte que ainda não terminou de baixar precisa decidir o que fazer com o texto nesse meio tempo. Por padrão, ele espera — até três segundos na maioria dos navegadores — e não mostra nada. É o flash de texto invisível, e é o motivo mais comum de um site com tipografia personalizada parecer lento no celular.

Uma linha resolve: font-display: swap na regra @font-face desenha o texto imediatamente numa fonte de reserva e reflui quando a fonte real chega. O reflow é visível e é bem melhor que uma página em branco.

O hábito de declarar WOFF2, depois WOFF, depois TTF, depois EOT, depois um font SVG na mesma regra vem de cerca de 2013 e não serve mais a ninguém. Todo navegador atual lê WOFF2, Safari e navegadores móveis incluídos, há anos.

Declarar o arquivo único é o conselho atual. Um navegador antigo o bastante para não ter WOFF2 vai recorrer a uma fonte do sistema, um resultado aceitável e consideravelmente melhor que manter cinco cópias de cada peso para um navegador que ninguém roda.

Converter uma família significa converter cada arquivo: regular, itálico, negrito, negrito itálico, e qualquer peso adicional que o design de fato usa. Cada um vira seu próprio WOFF2 e sua própria regra @font-face sob o mesmo nome de família.

É aqui que o orçamento de peso de página costuma se perder. Quatro pesos a 25 KB são 100 KB antes de qualquer outra coisa carregar, e a maioria dos designs usa dois. Converta o que a folha de estilo referencia, não a pasta inteira.

Contornos TrueType carregam instruções de hinting — um pequeno programa por glifo dizendo ao renderizador como distorcer a forma em tamanhos pequenos para que os traços caiam em pixels inteiros. Essas instruções são tabelas como qualquer outra e sobrevivem intactas ao empacotamento em WOFF2.

Se elas valem os bytes é outra questão. Telas de alta densidade têm pixels suficientes para o ajuste ser invisível, e macOS ignora hinting completamente. Vale medir em vez de presumir, e vale manter se seu tráfego é majoritariamente Windows e o tipo é usado pequeno.

Este par roda em nosso servidor em vez de no navegador, porque o trabalho é feito pelo fontTools e não há versão de navegador dele. O arquivo viaja por conexão criptografada, é convertido num ambiente isolado, e o diretório de trabalho é removido assim que a tarefa termina.

O limite gratuito é 25 MB por arquivo. Nenhuma fonte comum chega perto disso — uma TTF completa com conjunto de caracteres grande pesa algumas centenas de kilobytes.