TTF

TrueType Font — o formato de fonte binário padrão da indústria, desenvolvido pela Apple e Microsoft.

O que é TTF?

O TrueType foi desenvolvido pela Apple no final da década de 1980 como alternativa às fontes PostScript Type 1 da Adobe, e posteriormente adotado pela Microsoft para o Windows. Armazena os contornos dos glifos como curvas de Bézier quadráticas, que são computacionalmente mais simples (e mais rápidas de rasterizar) do que as curvas cúbicas utilizadas pelo PostScript.

O TTF rapidamente se tornou o formato de fonte universal para macOS e Windows. Por mais de duas décadas, foi a forma padrão de distribuir fontes — de fontes de sistema a tipos personalizados. Embora WOFF/WOFF2 tenham substituído amplamente o TTF para entrega na web, o TTF permanece como a base sobre a qual todos os formatos modernos de fonte web são construídos.

Como Funciona

Um arquivo TTF é um contêiner binário organizado em tabelas, cada uma armazenando um tipo específico de dados:

• glyf — contornos de glifos (as formas vetoriais reais)
• cmap — mapeamento de caractere para glifo (qual ponto de código Unicode corresponde a qual glifo)
• head — metadados da fonte (unidades por em, data de criação, flags)
• hmtx — métricas horizontais (largura de avanço e bearing esquerdo para cada glifo)

Para fontes de ícones, cada ícone recebe um ponto de código Unicode na Área de Uso Privado (U+E000 a U+F8FF) — um intervalo especificamente reservado para caracteres definidos por aplicativos, que não conflitam com texto padrão.

@font-face {
  font-family: 'MyIcons';
  src: url('myicons.ttf') format('truetype');
}

.icon {
  font-family: 'MyIcons';
  font-style: normal;
  font-weight: normal;
}

.icon-home::before {
  content: '\E001';
}

A dica format('truetype') informa ao navegador qual tipo de arquivo de fonte esperar, para que ele possa ignorar o download se o TrueType não for suportado (embora praticamente todos os navegadores o suportem).

Vantagens e Desvantagens

Suporte de Navegadores

O TTF possui 98%+ de suporte em navegadores, incluindo todos os navegadores modernos e Internet Explorer 9+. Também é nativamente suportado por todos os principais sistemas operacionais de desktop — Windows, macOS e Linux — o que significa que você pode instalar um arquivo TTF diretamente como fonte de sistema sem nenhuma conversão.

Embora o TTF funcione em todos os lugares, para entrega web prefira o WOFF2 (que é simplesmente um TTF comprimido). Reserve o TTF bruto para uso em desktop, desenvolvimento e como formato base em seu pipeline de compilação.

Quando Usar TTF

• Aplicativos desktop — instale como fonte de sistema para uso em aplicativos nativos, ferramentas de design ou IDEs.
• Electron e aplicativos nativos — inclua o TTF diretamente com seu aplicativo para renderização de fontes offline.
• Desenvolvimento e testes — o TTF é fácil de inspecionar com ferramentas de fonte como FontForge, fontTools ou visualizadores de fonte do sistema.
• Inspeção de fonte do sistema — quando você precisar verificar métricas de glifos, hinting ou tabelas cmap usando utilitários do sistema operacional.