O que é WOFF (Web Open Font Format)?

O Web Open Font Format (WOFF) é um formato de arquivo para fontes da web desenvolvido por Mozilla. Um arquivo WOFF pode conter arquivos compactados Arquivos TTF e OTF bem como informações de licenciamento e outros metadados. Aqui está o que você precisa saber sobre o WOFF.

O que é um arquivo WOFF?

Igual a Arquivos ZIP, Os arquivos WOFF atuam como contêineres para outros arquivos, especificamente arquivos TrueType Font (TTF) e OpenType Font (OTF). Esses tipos de arquivos fornecem aos designers da Web a capacidade de usar fontes fora dos caracteres padrão encontrados na maioria dos computadores.

WOFF foi substituído pelo formato WOFF2. WOFF2 oferece ainda melhor algoritmos de compressão, o que reduz o tamanho do arquivo original em 30 por cento adicionais. Portanto, os arquivos WOFF2 ocupam menos largura de banda e carregue ainda mais rápido. Os arquivos WOFF têm a extensão .woff, enquanto os arquivos WOFF2 têm a extensão .woff2.

Como funcionam os arquivos WOFF?

Praticamente todas as páginas da web usam Cascading Style Sheets (CSS) para definir o layout de HTML e outros elementos em sua tela. Por exemplo, os desenvolvedores podem usar o CCS para alterar as fontes da web, fazendo referência a fontes que já estão instaladas no computador do usuário. No entanto, se o seu PC ou navegador não suportar uma fonte, ela aparecerá como uma fonte diferente ou nem carregará, dependendo de como a pilha de fontes da página está configurada.

Para evitar esse problema, as fontes personalizadas podem ser armazenadas em um arquivo WOFF, que é salvo em um servidor com todos os outros elementos da página da web. O designer pode então usar a propriedade CSS @ font-face para fazer referência ao arquivo WOFF e renderizar a fonte no navegador.

Benefícios do WOFF

Além de ampliar os tipos de fontes disponíveis para desenvolvedores da web, o uso de arquivos WOFF tem várias vantagens. Por exemplo:

• Compressão: Como os arquivos WOFF são compactados, eles carregam mais rápido do que outros tipos de arquivo de fonte.
• Suporte HTML e CSS: Ao contrário dos arquivos de imagem, os arquivos WOFF podem ser estilizados com HTML e CSS.
• SEO: Fontes WOFF são melhores para motor de pesquisa otimização (SEO) do que imagens de texto.
• Renderização otimizada: Os arquivos WOFF incluem informações tipográficas, incluindo formas contextuais e figuras de estilo antigo, permitindo a renderização ideal em todos os dispositivos.
• Acessibilidade do site: Arquivos WOFF tornam os sites mais acessíveis, pois o texto pode ser lido em voz alta e as imagens de texto não.
• Embedding: As fontes WOFF ajudam na internacionalização, permitindo que você incorpore fontes com caracteres de outros idiomas.

Crie suas próprias fontes WOFF

Editores de fontes gostam FontForge permitem projetar seus próprios conjuntos de fontes e exportá-los como arquivos WOFF. Você também pode converter arquivos WOFF em TTF ou OTF usando o FontForge. Se você tiver um editor de fonte diferente que só suporte TTF ou OTF, você pode usar o sfnt2woff ferramenta para converter as fontes em arquivos WOFF.