Neste artigo
O Web Open Font Format (WOFF) é um formato de arquivo para fontes da web desenvolvido pela Mozilla. Um arquivo WOFF pode conter arquivos TTF e OTF compactados, bem como informações de licenciamento e outros metadados. Aqui está o que você precisa saber sobre o WOFF. As informações neste artigo se aplicam a arquivos WOFF e WOFF2.
O que é um arquivo WOFF?
Semelhante aos 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. O WOFF2 oferece algoritmos de compactação ainda melhores, o que reduz o tamanho do arquivo original em 30 por cento adicionais. Portanto, os arquivos WOFF2 ocupam menos largura de banda e carregam 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. Google Chrome, Firefox, Microsoft Edge, Opera e Safari são compatíveis com o formato WOFF, mas pode ser necessário atualizar seu navegador para a versão mais recente.
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: As fontes WOFF são melhores para a otimização do mecanismo de pesquisa (SEO) do que as 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 como o FontForge permitem que você crie seus próprios conjuntos de fontes e exporte-os como arquivos WOFF. Você também pode converter arquivos WOFF em TTF ou OTF usando o FontForge. Se você tem um editor de fontes diferente que só suporta TTF ou OTF, você pode usar a ferramenta sfnt2woff para converter as fontes em arquivos WOFF. A Open Font Library e o Font Squirrel têm centenas de fontes no formato WOFF gratuitas para uso comercial e não comercial.
