Tipografías para titulares: letras que captan la atención

Las mejores tipografías para titulares son las que se leen de un solo vistazo a tamaños grandes y transmiten un tono claro: sans serif condensadas como Anton o Bebas Neue para dar golpe, grotescas pesadas como Archivo Black para dar peso, y serifas de alto contraste como Playfair Display o DM Serif Display para dar elegancia. Todas son gratuitas en Google Fonts. La adecuada depende menos del gusto que del trabajo: cuántas palabras, cuánto espacio y qué sensación debe dar el titular.

Qué hace buena a una tipografía de titular

• Formas claras de un vistazo. Contraformas abiertas y letras distintas, para que las palabras se lean antes de que la mirada se asiente.
• Grosor de sobra. Una familia con negrita, extranegrita o black, porque los titulares en el móvil necesitan trazos pesados.
• Buen espaciado y kerning por defecto. El texto grande magnifica cada hueco; las tipografías bien hechas necesitan menos arreglos. Mira el kerning.
• Un tono acorde con el mensaje. Estridente, calmado, lujoso o técnico. La tipografía lo dice antes que las palabras.
• El ancho adecuado para tu espacio. Las condensadas acomodan palabras largas en formatos estrechos; las anchas van bien con palabras cortas y espacio alrededor.

Las mejores tipografías gratuitas para titulares, por estilo

Algunas notas útiles antes de elegir. Bebas Neue solo tiene mayúsculas, así que va bien en líneas cortas y gritadas más que en frases. Oswald es una reelaboración del clásico estilo Alternate Gothic y viene en varios grosores, lo que la hace más flexible que Anton. Fraunces es una tipografía variable con ejes de suavidad y un modo juguetón y torcido, de modo que una sola familia puede pasar de nítida a achuchable. Syne se hace notablemente más ancha en sus grosores más pesados, lo que da a un titular en negrita una presencia real.

Cómo elegir una tipografía de titular

1. 1

   Escribe primero el titular real

   Prueba con tus palabras reales, no con el texto de muestra de la tipografía. Una tipografía que luce genial con «Hamburgefonts» puede verse rara con el nombre de tu marca.

2. 2

   Mide el espacio

   Un titular largo en un formato estrecho, como una story o un pin, necesita una tipografía condensada. Las líneas cortas en formatos anchos pueden permitirse una más ancha.

3. 3

   Haz coincidir el tono con el mensaje

   Anota tres palabras que describan cómo debe sentirse el titular. Preselecciona solo las tipografías que encajen con las tres.

4. 4

   Prueba al menor tamaño real

   Reduce el diseño a tamaño de móvil o a miniatura de cuadrícula. Los trazos finos y las contraformas cerradas fallan primero.

5. 5

   Combínala con una tipografía de cuerpo discreta

   Elige una tipografía calmada y legible para el texto de apoyo, de modo que el titular siga siendo lo más estridente de la página.

Combinar tipografías de titular con texto de cuerpo

Una tipografía de titular es una especialista. Brilla a 90 px y cansa la vista a 16 px. Combínala con una de uso general que se lea bien en párrafos y no moleste. Las combinaciones más seguras contrastan de una forma clara, normalmente serifa frente a sans, o condensada frente a ancho normal. La combinación de tipografías explica los principios, y las combinaciones de Google Fonts tiene muchas más.

Cómo componer un titular: tamaño, espaciado y altura de línea

Incluso la tipografía adecuada se ve débil con los ajustes por defecto. El texto grande necesita un tracking y un interlineado más cerrados que el de cuerpo, y necesita menos palabras. En la práctica, eso significa un espaciado entre letras de entre menos 0,01 y menos 0,03 em y una altura de línea de entre 1,0 y 1,1. En una publicación social de 1080 px, un titular suele ir entre 90 y 140 px; el tamaño de letra para publicaciones de Instagram tiene la 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>

El fondo también importa. Un titular pesado sobre un degradado recargado aún puede romperse donde cambia el color de detrás. Los Marks de Gradiently mueven su zona más tranquila detrás de tus palabras y eligen tinta clara u oscura línea a línea, y los tratamientos de Lettering, como Contorno, Interior y Relieve, dan al titular una presencia extra sin cajas ni sombras. Para texto grande en carteles, mira las tipografías de exhibición y las tipografías en negrita; para miniaturas, el texto en miniaturas.