Fontes em negrito para cartazes, miniaturas e títulos

As fontes em negrito são tipos de letra com traços grossos, normalmente em pesos de 700 (bold) a 900 (black), e são a escolha certa sempre que o texto tem de ser lido depressa: cartazes vistos de passagem, miniaturas do YouTube com poucos centímetros de largura, títulos de saldos num feed agitado. Boas opções gratuitas no Google Fonts incluem Anton e Bebas Neue para impacto condensado, Archivo Black e Rubik Black para grotescas pesadas, Unbounded para destaque largo e Alfa Slab One para uma fonte de serifas grossas. Escolhe primeiro pelo formato, porque uma fonte que funciona num cartaz pode ficar ilegível numa miniatura.

O que significam os números do peso

Os pesos das fontes seguem uma escala numérica de 100 a 900. A maioria das famílias identifica-os por nomes, e o CSS usa os números diretamente. O bold é tecnicamente 700, mas para cartazes e miniaturas muitas vezes queres 800 ou 900.

Fontes em negrito gratuitas por tarefa

Duas notas. A Bebas Neue só tem maiúsculas, por isso serve linhas curtas, não frases. A Unbounded é uma fonte variável que vai de light a black, por isso podes escolher a espessura exata que queres, e as suas letras largas fazem duas ou três palavras preencher um cartaz inteiro.

Fontes em negrito para cartazes

Um cartaz lê-se do outro lado de uma sala ou de uma rua em poucos segundos. O título deve ser legível à distância a que as pessoas passam, o que costuma significar que ocupa grande parte da largura. Um cartaz A3 a 300 dpi tem 3508×4961 píxeis; um título de três ou quatro palavras em peso black pode ocupar à vontade um terço da altura. Design de cartazes trata do layout e da hierarquia.

Fontes em negrito para miniaturas do YouTube

As miniaturas são desenhadas a 1280×720 mas muitas vezes vistas numa fração disso, numa barra lateral ou num telemóvel. É o teste mais duro que existe para a tipografia. Usa um peso black, mantém-te entre três e cinco palavras e prefere fontes condensadas quando as palavras são longas. Deixa livre o canto inferior direito, porque o YouTube coloca aí a duração do vídeo. Texto em miniaturas e design de miniaturas do YouTube aprofundam o tema.

Como manter o negrito legível

As letras pesadas têm contraformas pequenas, os espaços fechados em a, e e o. Encolhe-as e esses espaços fecham-se, e uma palavra em negrito vira um borrão escuro. As soluções têm mais a ver com espaçamento e contraste do que com tamanho.

Os efeitos de lettering podem dar ainda mais presença. Um contorno, uma linha interior ou uma extrusão suave dão profundidade a uma palavra em negrito sem sombra projetada; texto com contorno mostra como. No Gradiently, os tratamentos de Lettering Contorno, Interior, Extrusão e Duplo estão integrados nas ferramentas de texto, e o Mark por trás das palavras suaviza o seu detalhe mais carregado e escurece ou clareia a cor junto às letras, para que o texto pesado continue nítido sobre um fundo vivo.

Fontes em negrito em CSS

Se pedires a um navegador um peso que o ficheiro da fonte não inclui, ele pode falsificá-lo engrossando os contornos, o que fica esborratado e irregular. Carrega o peso verdadeiro e desativa o negrito sintético para notares quando falta.

@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;600&display=swap");

h1 {
  font-family: "Archivo Black", "Arial Black", sans-serif;
  font-weight: 400;          /* Archivo Black has one weight, already heavy */
  font-synthesis: none;      /* never fake bold or italic */
  line-height: 1;
  letter-spacing: -0.01em;
}

.label {
  font-family: "Inter", system-ui, sans-serif;
  font-weight: 600;
  letter-spacing: 0.02em;    /* small bold text needs a little air */
}

Para mais sobre escolher uma voz para texto grande, lê fontes para títulos e fontes de destaque.