Ir para conteúdo principal

Formato de fontes

Conheça os diferentes tipos de formatos de fonte e quando usar cada um deles

Escrito por Supriya Bisht
Atualizado hoje

Formatos de fonte são arquivos que contém os dados de uma fonte. Esses dados definem como letras e símbolos devem aparecer e se comportar.

Assim como um arquivo .jpg guarda uma imagem ou um .mp3 guarda música, um arquivo de fonte guarda as informações de uma fonte.

Neste artigo, você vai aprender sobre:

  • Formatos de fonte e quando usar cada um

  • Diferentes tipos de formatos de fonte

  • Diferença entre fontes para desktop e fontes para web

  • Formatos de fontes disponíveis na Monotype Fonts

O que é um formato de fonte?

Um formato de fonte é um arquivo que guarda as informações de uma fonte. Ele define como os caracteres, ou glifos, aparecem e pode incluir recursos como ligaturas e variações de estilo.

Para usos mais específicos, como a implementação de fontes em ambientes SaaS, é necessário ter uma licença de servidor. Essa licença garante que o uso esteja em conformidade com os direitos e fornece os formatos adequados para aplicações em servidor.

A principal diferença entre os formatos de fonte está no uso para o qual eles foram criados. Por exemplo, as fontes para desktop são instaladas no seu computador e usadas em aplicativos como Word ou Photoshop. Já as fontes para web são feitas para uso em sites e são carregadas no navegador por meio de CSS.

O tipo de licença que você adquire também define quais formatos de fonte você vai receber. Por exemplo, uma licença de Webfont inclui fontes nos formatos WOFF e WOFF2. Já uma licença desktop inclui arquivos de fonte instaláveis nos formatos TTF ou OTF.

Diferentes tipos de formato de fontes

Os formatos de fontes podem ser divididos em três tipos principais, com base na forma como armazenam e exibem os caracteres:

  • Fontes bitmap (raster)

  • Fontes de traço (vetoriais)

  • Fontes de contorno (escaláveis)

Tipo de formato da fonte

Descrição

Exemplos

Onde usar

Bitmapped Fonts (Raster Fonts)

Essas fontes são baseadas em pixels e dependem da resolução.

Chicago, Fixedsys, e VGA Font

Sistemas legados, interfaces de linha de comando, dispositivos embarcados.

Stroke Fonts (Vector Fonts)

Essas fontes usam linhas e curvas para definir os caracteres, geralmente com pouca quantidade de dados.

Hershey Fonts e fontes de texto para CAD

Desenhos técnicos, softwares CAD, plotagem vetorial.

Outlined Fonts (Scalable Fonts)

Essas fontes são um tipo de fonte digital em que cada caractere, ou glifo, é definido por contornos matemáticos em vez de pixels fixos e pode ser redimensionado sem perder qualidade.

Adobe Garamond, Helvetica Neue (Type 1), Arial, Calibri, Roboto e Roboto Flex

Web design, materiais digitais, identidade visual e UI e UX.

Qual é a diferença entre fontes para desktop e fontes para web?

A tabela abaixo mostra a diferença entre fontes para desktop e fontes para web.

Fontes para desktop

Fontes da web

Finalidade

Criadas para uso em aplicativos no seu computador, como Microsoft Word, Adobe Photoshop ou outros programas instalados.

Designed for use on websites and are rendered by the user’s browser.

Instalação

Criadas para uso em sites e exibidas pelo navegador do usuário.

Não são instaladas no computador do usuário. Os arquivos de fonte são carregados a partir de um servidor e baixados pelo navegador quando necessário.

Formatos de arquivo

OpenType (.otf) ou TrueType (.ttf)

Web Open Font Format (WOFF) ou WOFF2, otimizados para uso na web.

Licenciamento

Licenças de fontes para desktop permitem instalar as fontes em computadores para uso em materiais impressos ou imagens estáticas.

Licenças de fontes para web permitem incorporar fontes em sites.

Implementação

Envolve instalar e gerenciar fontes no computador para uso em aplicativos como editores de texto, softwares de design e ambientes de desenvolvimento.

Usadas com regras CSS @font-face para definir qual fonte será exibida em um site.

Quando usar

Criação de folhetos, flyers, logotipos, layouts de sites, sinalização e outros materiais.

Exibição de textos em sites, garantindo consistência tipográfica em diferentes dispositivos e navegadores.

Quais formatos de arquivo de fonte a Monotype Fonts oferece?

A Monotype Fonts oferece suporte aos seguintes formatos de fonte:

Tipo de arquivo

Formato de fonte

Formulário completo

Descrição

.otf

OTF

OpenType Font

OpenType é o formato de fonte moderno mais utilizado. Arquivos OTF também podem usar o formato Compact Font Format (CFF).

.ttf

TTF

TrueType Font

O formato TrueType surgiu na década de 1980 e ainda é amplamente compatível com softwares para desktop.

.woff

WOFF

Web Open Font Format

É um formato que reúne fontes TrueType e OpenType em um único arquivo. Ele comprime os arquivos e é compatível com todos os navegadores modernos.

.woff2

WOFF2

Web Open Font Format 2

WOFF2 é uma versão atualizada do formato WOFF original.

.otf

OTF com contornos CFF

OpenType Std (CFF)

  • Std significa Standard. Inclui um conjunto básico de caracteres, como idiomas da Europa Ocidental.

  • Usa contornos PostScript CFF, que são compactos e ideais para impressão.

  • Não inclui recursos tipográficos avançados, como versaletes, números antigos ou suporte multilíngue.

.otf

OTF com contornos CFF

OpenType Pro (CFF)

Pro significa Professional e pode incluir suporte a conjuntos de caracteres adicionais e mais recursos tipográficos.

.ttf

OpenType com contornos TrueType

OpenType Pro (TTF)

  • Possui o mesmo conjunto estendido de caracteres e recursos tipográficos do OpenType Pro (CFF).

  • Usa contornos TrueType, com curvas Bézier quadráticas, otimizadas para exibição em tela.

  • É mais indicado em contextos em que a legibilidade em tela é essencial, como web e UI.

.ttf

OpenType Std (TTF)

OpenType Standard com contornos TrueType

Indicado quando você precisa de um conjunto básico de caracteres latinos para usos gerais, como UI ou web, por exemplo Arial Std.


Leituras recomendadas

Isto respondeu à sua pergunta?