Tipos de letra para títulos: fontes que chamam a atenção

Os melhores tipos de letra para títulos são os que se leem num só relance em tamanhos grandes e que levam um tom claro: sem serifas condensadas como a Anton ou a Bebas Neue para impacto, grotescas pesadas como a Archivo Black para peso, e serifadas de alto contraste como a Playfair Display ou a DM Serif Display para elegância. Todas são gratuitas no Google Fonts. A escolha certa depende menos do gosto do que da tarefa: quantas palavras, quanto espaço e o que o título precisa de transmitir.

O que faz um bom tipo de letra para títulos

• Formas claras num relance. Contraformas abertas e letras distintas, para que as palavras se leiam antes de o olho assentar.
• Peso de sobra. Uma família com bold, extra bold ou black, porque os títulos em telemóvel precisam de traços pesados.
• Bom espaçamento e kerning de origem. A letra grande amplia cada intervalo; as fontes bem feitas precisam de menos correções. Vê kerning.
• Um tom que combine com a mensagem. Forte, calmo, luxuoso ou técnico. A fonte di-lo antes das palavras.
• A largura certa para o teu espaço. As condensadas encaixam palavras longas em formatos estreitos; as largas servem palavras curtas com espaço à volta.

As melhores fontes gratuitas para títulos, por estilo

Algumas notas que vale a pena saber antes de escolheres. A Bebas Neue só tem maiúsculas, por isso serve linhas curtas e gritadas e não frases. A Oswald é uma reinterpretação do clássico estilo Alternate Gothic e vem em vários pesos, o que a torna mais flexível do que a Anton. A Fraunces é uma fonte variável com eixos de suavidade e um modo divertido e irregular, por isso uma só família pode ir do nítido ao fofo. A Syne fica visivelmente mais larga nos pesos mais pesados, o que dá a um título forte uma presença real.

Como escolher um tipo de letra para títulos

1. 1

   Escreve primeiro o título verdadeiro

   Testa com as tuas palavras reais, não com o texto de amostra da fonte. Uma fonte que fica ótima em “Hamburgefonts” pode ficar estranha no nome da tua marca.

2. 2

   Mede o espaço

   Um título longo num formato estreito, como um story ou um pin, precisa de uma fonte condensada. Linhas curtas em formatos largos podem ter uma mais larga.

3. 3

   Combina o tom com a mensagem

   Escreve três palavras para o modo como o título deve soar. Escolhe só as fontes que servem as três.

4. 4

   Testa no menor tamanho real

   Reduz o design ao tamanho de telemóvel, ou de miniatura numa grelha. Os traços finos e as contraformas apertadas falham primeiro.

5. 5

   Combina-a com uma fonte de texto discreta

   Escolhe uma fonte calma e legível para o texto de apoio, para que o título continue a ser o mais forte da página.

Combinar fontes de título com texto corrente

Uma fonte de título é uma especialista. Brilha a 90 px e cansa o olho a 16 px. Combina-a com uma fonte de trabalho que se leia bem em parágrafos e não dê nas vistas. As combinações mais seguras contrastam de uma forma clara, normalmente serifada contra sem serifas, ou condensada contra largura normal. Combinação de fontes explica os princípios, e combinações de Google Fonts tem muitas mais.

Como compor o título: tamanho, espaçamento e entrelinha

Mesmo a fonte certa parece fraca com as definições por omissão. A letra grande precisa de espaçamento e entrelinha mais apertados do que o texto corrente, e de menos palavras. Na prática isso significa espaçamento entre letras de cerca de menos 0,01 a menos 0,03 em e entrelinha de cerca de 1,0 a 1,1. Numa publicação social de 1080 px, um título costuma ficar entre 90 e 140 px; tamanho de letra para publicações de Instagram tem a escala completa.

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;600&display=swap" rel="stylesheet">

<style>
  h1 {
    font-family: "Anton", "Arial Narrow", sans-serif;
    font-size: clamp(2.75rem, 7vw, 6rem);
    line-height: 1.02;
    letter-spacing: -0.01em;
  }
  body {
    font-family: "Inter", system-ui, sans-serif;
  }
</style>

O fundo também importa. Um título pesado sobre um gradiente carregado pode desfazer-se onde a cor muda por trás. Os Marks do Gradiently movem a sua zona mais calma para trás das tuas palavras e escolhem tinta clara ou escura linha a linha, e os tratamentos de Lettering, como Contorno, Interior e Extrusão, dão ao título presença extra sem caixas nem sombras. Para letra grande em cartazes, vê fontes de exibição e fontes grossas; para miniaturas, texto em miniaturas.