OKfmt

Guia de Comparação e Seleção de Cenários para os Formatos de Fonte TTF, OTF e WOFF2

Este artigo compara formatos de fonte comuns para cenários de composição tipográfica de desktop e incorporação web, analisa as diferenças nos algoritmos de contorno, explica os benefícios de tamanho de arquivo da compressão WOFF2 e ajuda designers e desenvolvedores front-end a selecionar formatos de fonte compatíveis.

Atualizado 2026-08-11

Diferença Matemática Principal nos Contornos: Curvas Bézier Quadradas vs Cúbicas

TrueType, ou TTF, usa curvas Bézier quadradas para descrever os contornos da fonte. Um único segmento de contorno requer mais pontos de controlo para desenhar uma curva suave. Este mecanismo de contorno é utilizado desde a década de 1980 e é compatível com a maioria dos softwares de composição tipográfica de desktop.

OpenType, ou OTF, suporta curvas Bézier cúbicas para descrever contornos. Uma única curva suave requer menos pontos de controlo, as transições entre curvas são mais naturais e a saída de impressão tem maior precisão. O OpenType foi lançado conjuntamente pela Adobe e Microsoft em 1996 e é compatível com a especificação de curvas quadráticas do TTF.

Tipo de FormatoTipo de Curva de ContornoNúmero de Pontos de ControloCenários Aplicáveis
TTFCurva Bézier QuadráticaMais para o mesmo contornoUso geral de desktop, fallback web
OTFCurva Bézier CúbicaMenos para o mesmo contornoComposição tipográfica de impressão profissional

Características de Compressão e Benefícios de Tamanho de Arquivo Web do WOFF2

WOFF2, o formato de fonte web, é implementado com base no algoritmo de compressão Brotli. Comparado com a compressão DEFLATE utilizada pelo formato WOFF tradicional, pode reduzir o tamanho do arquivo em aproximadamente 30%. Um tamanho de arquivo menor diminui o uso de largura de banda no carregamento web e encurta o tempo da primeira pintura de conteúdo.

O formato WOFF foi lançado pela W3C em 2009, e o WOFF2 foi lançado em 2012. Todos os principais navegadores globais atuais, incluindo Chrome, Firefox, Edge e Safari 10 e versões superiores, fornecem suporte nativo, não sendo necessário tratamento adicional de compatibilidade.

Configuração de Pilha de Formatos Padrão para Incorporação Web

Quando os desenvolvedores front-end incorporam fontes web, seguem a regra geral de pilha de formatos: declarar WOFF2 primeiro, depois declarar WOFF como fallback. Esta configuração cobre mais de 99% das versões ativas de navegadores de desktop e móveis, e cumpre os requisitos da maioria dos cenários de produção.

Versões mais antigas do Internet Explorer suportam apenas o formato EOT. A participação atual de utilizadores ativos do IE é inferior a 1%, pelo que a compatibilidade com este formato já não é necessária na maioria dos cenários. Se for necessária compatibilidade com dispositivos iOS mais antigos, pode adicionar adicionalmente o formato TTF como camada de fallback final.

Notas sobre Fontes Variáveis e Funcionalidades OpenType

As fontes variáveis são desenvolvidas com base na especificação OpenType 1.8. Um único arquivo de fonte pode conter espaços de variação para vários pesos, larguras e tamanhos ópticos. Designers e desenvolvedores podem ajustar os parâmetros para obter estilos de fonte que cumpram os requisitos, e reduzir o tamanho de carregamento de vários arquivos.

O OpenType também suporta várias funcionalidades de composição tipográfica, incluindo ligaturas padrão, ligaturas discricionárias e versaletes, entre outras. Estas funcionalidades podem ser ativadas conforme necessário durante a composição para melhorar a legibilidade do texto e a estética visual. Softwares de composição tipográfica de desktop como o InDesign e o Illustrator suportam ambos a ativação destas funcionalidades.

Limites de Retenção de Informação para Conversão de Formato de Fonte

Quando se realiza a conversão entre diferentes formatos de fonte, os dados de contorno da fonte permanecem inalterados. Não irá alterar a forma do glifo exibida final, nem afetar os efeitos de impressão e exibição em tamanhos grandes.

A informação de hinting nas fontes, que é informação de otimização para tamanhos pequenos de texto em ecrãs, pode alterar durante a conversão entre diferentes formatos. Texto de tamanho pequeno exibido em ecrãs de baixa resolução pode ter diferenças subtis de exibição. O OKfmt fornece uma ferramenta de conversão de fontes multi-formato, e as suas regras de conversão seguem a lógica padrão de bibliotecas de conversão de código aberto.

Perguntas frequentes

A composição tipográfica de desktop pode usar OTF ou TTF?

Escolha OTF para saída de impressão profissional, e TTF é suficiente para composição tipográfica de escritório diária. As curvas Bézier cúbicas do OTF produzem bordas mais suaves em impressão de alta precisão, enquanto a compatibilidade do TTF cobre todos os softwares de composição tipográfica de desktop.

A incorporação web precisa de incluir vários formatos de fonte?

Para cenários atuais, apenas é necessário WOFF2 mais WOFF, que cobre mais de 99% dos navegadores ativos. Se não necessitar de compatibilidade com dispositivos iOS anteriores a 2016, manter apenas WOFF2 é suficiente para uso.

A conversão de formato danifica as funcionalidades de fonte variável?

Ferramentas de conversão compatíveis não alteram a informação do eixo de variação das fontes variáveis, e podem reter as funcionalidades variáveis completas. A conversão apenas ajusta o formato de encapsulamento, enquanto os parâmetros centrais de contorno e eixo mantêm os dados originais.