WOFF – O formato de fonte aberta da Web

WOFF (Web Open Font Format) é um formato de fonte aberta da Web desenvolvido pela Mozilla em conjunto com a ‘Type Supply’, ‘LettError’ e outras organizações. Ele usa uma versão compactada da mesmas fontes estrutura baseada em tabela usada por TrueType, OpenType e Open Font Format, mas adiciona metadados e estruturas de dados de uso privado, incluindo campos predefinidos que permitem que fundições e fornecedores forneçam informações de licença, se desejado.

Três benefícios principais em usar WOFF

  1. Os dados da fonte são compactados, portanto, os sites que usam WOFF usarão menos largura de banda e carregarão mais rápido do que se usassem arquivos ‘TrueType’ ou ‘OpenType’ descompactados equivalentes.
    Muitos fornecedores de fontes que não desejam licenciar suas fontes de formato TrueType ou OpenType para uso na web licenciam fontes de formato WOFF. Isso melhora a disponibilidade de fontes para designers de sites.
  2. Os fornecedores de navegador de software proprietário e livre gostam do formato WOFF, por isso tem o potencial de se tornar um formato de fonte verdadeiramente universal e interoperável para a web, ao contrário de outros formatos de fonte atuais.
  3. Existem duas versões do “Open Font Format”; WOFF e WOFF2, eles diferem principalmente no que diz respeito ao algoritmo de compressão usado.
    Em @font-face eles são identificados pelo ‘woff’ e ‘woff2’ formato para indexa, respectivamente.

Usando WOFF

Você pode usar a @font-face propriedade CSS para usar fontes WOFF para texto em conteúdo da web. Funciona exatamente como as fontes de formato OpenType e TrueType, exceto que provavelmente permitirá que o download do seu conteúdo seja mais eficiente devido à adição de compactação.

Ferramenta para trabalhar com fontes WOFF

A ferramenta para trabalhar com fontes WOFF está disponível neste endereço eletrônico: https://github.com/odemiral/woff2sfnt-sfnt2woff

Compatibilidade dos navegadores web, com o formato WOFF

Tabela de uso WOFF nos navegadores Web
Captura de tela do endereço https://developer.mozilla.org/en-US/docs/Web/Guide/WOFF

Quer saber mais sobre fontes e/ou temas para site em WordPress?

Fale com um professor da Budhi: CLIQUE AQUI

Referencias

  • https://developer.mozilla.org/en-US/docs/Web/Guide/WOFF
  • “Type Supply.” https://www.typesupply.com/. Acessado em 1 dez.. 2020.
  • https://developer.mozilla.org/en-US/docs/Web/Guide/WOFF – Acessado em 1 dez.. 2020.
  • “OpenType – Wikipédia, a enciclopédia livre.” Acessado em dezembro 1, 2020. https://pt.wikipedia.org/wiki/OpenType.
  •  “@LettError.”  Acessado em dezembro 1, 2020. https://letterror.com/.