O que é um arquivo WOFF2?

WOFF2 é um formato binário, que só significa alguma coisa para um programa que o conhece. Ele é usado para a web.

A extensão é .woff2 e o nome por extenso é Web Open Font Format 2. Os dois importam menos do que aquilo que o arquivo consegue carregar, e é disso que trata o resto desta página.

A W3C publicou o formato em 2018. A especificação é WOFF 2.0.

A idade interessa por um motivo prático: quanto mais antigo o formato, mais programas tiveram tempo de aprendê-lo.

Ela está publicada por inteiro, então dá para implementá-la a partir do documento em vez de por observação — é por isso que o formato aparece em tantos programas e por isso que arquivos escritos há vinte anos ainda abrem. Especificação publicada não é o mesmo que livre de royalties: quando o formato embrulha um codec, o licenciamento das patentes é uma questão à parte, que a norma não resolve.

WOFF2 guarda o conteúdo exatamente. Salvar de novo não muda nada, então dá para abrir, editar e salvar quantas vezes você quiser sem acumular estrago — e é isso que faz dele um formato de trabalho e não de entrega.

fonttools e FontForge leem esse formato, e a maioria dos programas do mesmo tipo também.

Quando um arquivo não abre, o formato raramente é o problema — mais comum é o programa ser mais antigo que ele. Converter para algo mais antigo é o caminho confiável, e é para isso que serve o resto deste site.

Qualquer navegador atual lê o formato.

Dá para colocá-lo numa página ou anexá-lo a uma mensagem sem se perguntar o que o outro lado tem instalado.

WOFF2 foi feito para ser entregue, não para se trabalhar dentro dele. Editar um é possível e raramente agradável; o caminho sensato passa pelo original e por uma nova exportação.

O WOFF2 não é um formato de fonte no sentido em que TrueType e OpenType são. É um envoltório: as mesmas tabelas de fonte, comprimidas com Brotli e ajustadas especificamente para o jeito como o dado de fonte é organizado, mais uma pequena quantidade de metadado. Descompacte um WOFF2 e o que sai é o TTF ou OTF que entrou.

É por isso que é a única escolha sensata para um site e inútil no desktop. Existe para deixar o arquivo menor no transporte, tipicamente trinta a cinquenta por cento menor que o original, e sistemas operacionais não o instalam porque não há nada para instalar que o original já não tivesse.

Uma fonte chega numa página por uma regra @font-face: um nome de família, o arquivo, e o peso e o estilo que aquele arquivo representa. O nome é arbitrário e local à sua folha de estilo — nada precisa bater com o nome que a fundição deu — e as declarações de peso e estilo são o que deixam o navegador escolher o arquivo certo quando o texto é definido em negrito ou itálico.

O erro mais comum é declarar um arquivo para uma família e depois usar negrito no design. O navegador não vai recusar; vai sintetizar um negrito borrando o peso regular, e o resultado fica visivelmente pior que o negrito de verdade parado sem uso na mesma pasta. Uma regra @font-face por arquivo, com valores honestos de peso e estilo, é toda a disciplina necessária.

Uma fonte comercial típica cobre latim, latim estendido, cirílico, grego, símbolos de moeda e várias centenas de glifos que ninguém no seu site vai digitar. Tudo isso é baixado por todo visitante.

Subconjuntar reduz a fonte aos caracteres realmente necessários, e a economia costuma superar de longe o que a compressão sozinha alcança. Uma fonte desktop de 300 KB reduzida ao latim básico e convertida para WOFF2 rotineiramente cai perto de 25 KB. Faça as duas coisas, nessa ordem, e tenha cuidado com a ferramenta de subconjunto: pedida para manter só os caracteres usados, ela também descarta de bom grado as tabelas de ligadura e alternativas, e o CSS que as ativa depois não faz nada.

Um navegador instruído a usar uma fonte que ainda não baixou 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. Esse é o flash de texto invisível, e é o motivo mais comum de um site com fonte customizada parecer lento.

A correção é uma linha: `font-display: swap` na regra @font-face. O texto é desenhado imediatamente com uma fonte alternativa e se reajusta para a fonte real quando ela chega. O reajuste é visível e é bem menos ruim que uma página em branco. `font-display: optional` vai além — se a fonte não fica pronta quase imediatamente, ela simplesmente não é usada naquela visita, o que remove o reajuste por completo ao custo de alguns visitantes nunca verem a tipografia.

Carregar fontes de um serviço de terceiros costumava ser mais rápido porque os visitantes chegavam com o arquivo já em cache de outro site. Isso deixou de ser verdade desde que os navegadores passaram a particionar o cache por site — todo visitante agora baixa de novo, e a requisição custa uma conexão extra a outro servidor antes mesmo de a fonte começar a carregar.

Hospedar a própria fonte agora é a opção mais rápida em quase todo caso, e também remove um terceiro do caminho da requisição, o que importa tanto para privacidade quanto para o site continuar funcionando quando o serviço de outra empresa não funciona. Pré-carregar a uma ou duas fontes que aparecem acima da dobra é o truque restante que vale aplicar.

Não. O WOFF2 é suportado por todo navegador atual há anos, Safari e navegadores móveis incluídos, e a pilha de fallback que antes acompanhava toda regra @font-face — WOFF, TTF, EOT, SVG — hoje é arqueologia.

Declarar só WOFF2 é o conselho atual. Qualquer coisa que não conseguir lê-lo é velha o bastante para cair de volta numa fonte do sistema, o que é um resultado perfeitamente aceitável e bem melhor que servir cinco cópias da mesma tipografia para todo mundo só para agradar um navegador que quase ninguém usa.

Converter uma fonte de desktop para WOFF2 leva segundos e frequentemente viola a licença que veio junto com ela. Licenças de desktop cobrem instalar a fonte em máquinas e criar coisas com ela; uso na web normalmente é uma licença separada, vendida à parte, muitas vezes precificada por visualizações mensais de página.

Licenças abertas são a exceção que vale conhecer: fontes distribuídas sob a SIL Open Font License podem ser convertidas, hospedadas e subconjuntadas livremente, desde que não sejam vendidas sozinhas nem reutilizem nomes reservados. Isso cobre boa parte do que está nos sites de fonte gratuita, e é por isso que tanta coisa na web usa um punhado de famílias abertas.