Converter WOFF para WOFF2

Um arquivo com essa extensão raramente aparece sozinho. Fica numa pasta fonts ao lado de um .eot, um .svg, um .ttf e às vezes um segundo .woff para o itálico, com uma folha de estilo por perto contendo uma lista src de cinco entradas e um comentário sobre o Internet Explorer. Essa pasta foi gerada por uma ferramenta de web font numa época em que servir quatro contêineres era o único jeito de alcançar todo navegador.

Nada disso é mais verdade, e o quadro útil para esta conversão não é "diminuir este arquivo", mas "reduzir esta pasta a um arquivo por peso". O reembrulho é a parte fácil. As partes que valem cinco minutos são a regra ao redor, o conjunto de caracteres com que o kit foi montado, e se você tem licença para fazer qualquer coisa disso.

Os dois contêineres guardam as mesmas tabelas sfnt que um TTF ou OTF guarda: os contornos dos glifos, o mapa de caracteres, as métricas horizontais, o kerning e as definições de recursos OpenType. O WOFF as embrulha e comprime cada uma com zlib. O WOFF2 primeiro transforma as tabelas numa representação desenhada para comprimir bem — as tabelas de glifo em particular são reestruturadas — e depois aplica Brotli ao resultado.

Dois compressores e uma etapa extra de pré-processamento é de onde vem a diferença, e para uma tipografia de texto comum fica em torno de trinta por cento. A tipografia fica intocada: contornos idênticos, espaçamento idêntico, recursos idênticos.

É tentador buscar o original de desktop por princípio, mas aqui não faz diferença. O WOFF é um contêiner sem perdas, então desembrulhá-lo recupera exatamente as tabelas que entraram, e reembrulhar essas tabelas como WOFF2 produz o mesmo resultado que você teria do TTF na mesma pasta. Não há perda geracional como em formatos de imagem.

Vale dizer isso porque o conselho é o oposto para outras conversões desta família. Indo de um WOFF para um TTF ou OTF instalável, a origem importa muito — a cópia web geralmente é reduzida e renomeada. Indo para WOFF2 você continua dentro do mesmo conjunto de caracteres de qualquer jeito, então use o arquivo que tiver.

Uma regra gerada daquela época lista cinco origens: EOT com truque de query string, WOFF2 se foi gerado, WOFF, TTF, e SVG com identificador de fragmento. Duas delas são para navegadores que ninguém mais suporta.

O sistema registra o WOFF2 alcançando todo navegador atual, o que torna a redução segura: uma linha src: url("marca.woff2") format("woff2") é a regra moderna. Confira suas próprias métricas antes de apagar a entrada WOFF, não depois — "todo navegador atual" e "todo navegador que visita este site específico" não são a mesma afirmação.

Esta é a parte da página que ninguém procura e é a que mais provavelmente importa. Licenças comerciais de web font costumeiramente proíbem modificar, converter ou recodificar os arquivos fornecidos, e uma conversão é exatamente isso mesmo quando nada na tipografia muda. Algumas fundições fornecem WOFF2 elas mesmas.

Uma fonte que veio com um projeto herdado tem uma licença em algum lugar — nos registros de compra, na transferência de marca, no histórico do repositório. Encontre-a primeiro. Licenças abertas são o caso fácil; a SIL Open Font License permite conversão, subconjunto e redistribuição desde que a fonte não seja vendida isoladamente.

Quase toda a economia de peso numa web font vem de remover glifos, então kits eram rotineiramente cortados para o latim básico e um punhado de pontuação. Isso era razoável na época e é de onde vêm as lacunas numa página moderna: um sinal de euro, um travessão longo, aspas curvas, reticências, ou um nome contendo ç, ã ou õ fora do conjunto reduzido.

Reembrulhar não restaura nada disso. Se o site mostra uma caixa em branco ou um glifo de reserva visivelmente diferente num título, o caractere nunca esteve no arquivo, e a correção é recortar de novo do original de desktop com um subconjunto que cubra o que o site realmente usa.

Um kit dessa época tem um arquivo por peso e estilo: regular, itálico, médio, seminegrito, negrito, negrito itálico. Seis downloads, seis blocos @font-face, e um conjunto fixo de pesos onde um designer eventualmente vai querer algo intermediário.

Se a tipografia foi lançada depois como fonte variável, um único WOFF2 pode substituir tudo isso com um eixo contínuo de peso, e o total costuma ser menor que o conjunto estático que substitui. Confira se a fundição oferece um corte variável antes de gastar uma tarde reembrulhando seis arquivos estáticos que você está prestes a apagar.

Três coisas valem ajustar ao mesmo tempo que o arquivo muda. Uma vida útil de cache longa com nome de arquivo com hash, já que uma fonte nunca muda no lugar. Um link preload para uma ou duas faces acima da dobra. E unicode-range se você tiver subconjuntos separados, para que uma página sem cirílico nunca busque o arquivo cirílico.

Fontes também são um dos poucos tipos de asset onde comprimir no servidor é contraproducente: o WOFF2 já é comprimido internamente com Brotli, e comprimir de novo com gzip adiciona trabalho sem economia. A maioria dos servidores exclui tipos MIME de fonte por padrão.