Converter TTF para WOFF

Só quando algo adiante recusa a alternativa. Tema de WordPress com envio de fonte personalizada, painel de fonte de construtor de página, configuração antiga de Sass e Gulp, e guia de estilo interno escrito quando a pilha de reserva ainda era padrão, todos nomeiam .woff explicitamente e tratam qualquer outra coisa como arquivo inválido.

É uma restrição real e merece uma resposta direta, não uma preleção. Converta, envie, siga em frente. Se você controla a folha de estilo e nada obriga essa escolha, converta para WOFF2 em vez disso e pare por aí — o contêiner mais antigo não tem mais nenhuma vantagem a oferecer.

WOFF e WOFF2 são a mesma ideia implementada com oito anos de diferença. O WOFF embrulha as tabelas da fonte e as comprime com zlib. O WOFF2 reorganiza as tabelas primeiro, de um jeito específico para a estrutura de dado de fonte, e só então comprime com Brotli. A segunda abordagem fica cerca de trinta por cento abaixo da primeira na mesma fonte.

Num subconjunto único de 25 KB isso são sete kilobytes, que não vale uma discussão. Numa família não reduzida de seis pesos servida a todo visitante isso é real, e se soma ao fato de que fonte bloqueia a renderização de texto enquanto baixa. A diferença de tamanho é a única diferença: nenhum dos dois contêineres toca num glifo.

Os campos de envio quase sempre querem um arquivo por peso e estilo, com o peso declarado ao lado. Uma família enviada como um único arquivo regular e depois usada em negrito produz negrito sintético — o navegador borrando os contornos do regular — que fica visivelmente errado quando comparado lado a lado.

A outra armadilha comum é o nome da família. Muitos painéis usam o nome que você digitou em vez do nome dentro da fonte, e uma discrepância entre o que o tema escreve na regra @font-face e o que o CSS em outro lugar referencia deixa a página silenciosamente numa fonte do sistema. Se a tipografia não mudou depois do envio, é a primeira coisa a conferir.

Um WOFF listado depois de um WOFF2 na mesma regra @font-face não é baixado por ninguém. Todo navegador atual pega a primeira fonte que entende, e todo navegador atual entende WOFF2, então a segunda entrada é um arquivo que existe para ser esquecido.

É pior que inofensivo. Quando a tipografia é atualizada, o WOFF2 é substituído e o WOFF não, e a cópia desatualizada fica no servidor pronta para ser servida no momento em que alguém reordenar a regra ou uma ferramenta reescrever ela. Se WOFF é exigido, sirva só WOFF; se não é, apague.

Colocar uma fonte num servidor web é uso web, seja o arquivo .woff, .woff2 ou .ttf. Uma licença de desktop tipicamente cobre um número declarado de máquinas e o trabalho produzido nelas, e para por aí. Licença web é vendida separadamente e comumente precificada por visualização de página mensal, motivo de converter em silêncio ser um erro tão comum e tão caro.

A SIL Open Font License é a exceção bem sinalizada e cobre a maior parte do que os sites de fonte gratuita distribuem: conversão, subconjunto e hospedagem própria são todos permitidos, desde que a fonte não seja vendida sozinha e nomes reservados não sejam reutilizados. O arquivo de licença vem no download e costuma ter uma página.

Tudo. Os contornos quadráticos na tabela glyf, o mapa de caracteres, as métricas horizontais, o kerning e todo recurso OpenType que o designer definiu atravessam sem inspeção. O WOFF é um envelope de compressão, não um filtro.

Isso inclui as partes que talvez você quisesse perder. Instrução de hinting, cobertura de idioma não usada e qualquer metadado que a fundição embutiu viajam junto com a fonte, e o WOFF fica correspondentemente maior do que precisava ser. Remover isso é um trabalho de subconjunto, feito antes desta conversão, não por ela.

Fonte de web é servida com tempo de cache longo porque quase nunca muda. Isso é certo até o dia em que a tipografia é atualizada, e nesse momento um visitante com o arquivo antigo em cache mantém ele — às vezes por um ano — e vê uma versão do site que ninguém mais está olhando.

A correção é a mesma usada para folha de estilo: coloque um hash ou uma versão no nome do arquivo e mude quando a fonte mudar. Um envio de tema que gerencia nomes de arquivo para você geralmente cuida disso; uma regra @font-face escrita à mão apontando para fonts/marca.woff não, e é esse o arquivo que vai continuar desatualizado no ano que vem.

O WOFF chegou em 2009 como especificação W3C e fez algo que as tentativas anteriores não conseguiam: deu às fundições um contêiner claramente uma fonte de web em vez de um arquivo de desktop redistribuível, e deu aos navegadores um formato em vez de quatro. É por isso que a tipografia web deixou de ser novidade por volta de 2011.

O WOFF 2.0 virou recomendação em 2018 e assumiu por completo, e a primeira versão hoje é marcada como legado por um bom motivo. Os navegadores que liam WOFF e não WOFF2 estão fora de suporte há anos, e as pilhas de reserva escritas para eles sobrevivem principalmente em trechos copiados e documentação de tema.

Uma família raramente é um arquivo só. Solte a pasta inteira e até 100 fontes convertem numa passagem, voltando num ZIP com os nomes preservados, o que torna o trabalho de envio de tema suportável — seis pesos são seis envios de qualquer jeito, mas não são seis conversões.

O trabalho é feito pelo fontTools no nosso servidor, não no seu navegador, então cada arquivo viaja por uma conexão criptografada e o diretório de trabalho é apagado quando o processo termina. A cota gratuita é de 100 conversões de servidor por dia e 25 MB por arquivo; uma família de fonte usa um punhado da primeira e nada da segunda.