Rubriktypsnitt: typsnitt som fångar blicken

De bästa rubriktypsnitten är sådana du kan läsa på en enda blick i stor storlek och som bär en tydlig ton: kondenserade seriflösa som Anton eller Bebas Neue för slagkraft, tunga grotesker som Archivo Black för tyngd och antikvor med hög kontrast som Playfair Display eller DM Serif Display för elegans. Alla dessa är gratis på Google Fonts. Det rätta beror mindre på smak än på uppgiften: hur många ord, hur mycket plats och hur rubriken ska kännas.

Vad som gör ett bra rubriktypsnitt

• Tydliga former på en blick. Öppna rundningar och urskiljbara bokstäver, så att orden läses innan ögat hunnit landa.
• Vikt att spara. En familj med fet, extrafet eller svart, eftersom rubriker på telefoner behöver kraftiga streck.
• Bra standardavstånd och kerning. Stor text förstorar varje lucka. Välgjorda typsnitt behöver mindre rättning. Se kerning.
• En ton som passar budskapet. Högljudd, lugn, lyxig eller teknisk. Typsnittet säger det innan orden gör det.
• Rätt bredd för din yta. Kondenserade snitt rymmer långa ord i smala format. Breda snitt passar korta ord med luft omkring.

De bästa gratistypsnitten för rubriker, efter stil

Några anteckningar värda att känna till innan du väljer. Bebas Neue har bara versaler, så det passar korta, utropade rader snarare än meningar. Oswald är en omarbetning av den klassiska Alternate Gothic-stilen och finns i flera vikter, vilket gör det mer flexibelt än Anton. Fraunces är ett variabelt typsnitt med axlar för mjukhet och ett lekfullt snett läge, så en familj kan gå från skarp till gosig. Syne blir märkbart bredare i de tyngre vikterna, vilket ger en fet rubrik verklig närvaro.

Så väljer du rubriktypsnitt

1. 1

   Skriv den riktiga rubriken först

   Testa med dina faktiska ord, inte typsnittets exempeltext. Ett snitt som ser fantastiskt ut på 'Hamburgefonts' kan se konstigt ut på ditt varumärkesnamn.

2. 2

   Mät ytan

   En lång rubrik i ett smalt format, som en story eller en pin, behöver ett kondenserat snitt. Korta rader i breda format har råd med ett bredare.

3. 3

   Matcha tonen mot budskapet

   Skriv ner tre ord för hur rubriken ska kännas. Kortlista bara typsnitt som passar alla tre.

4. 4

   Testa i den minsta verkliga storleken

   Krymp designen till telefonstorlek eller till en miniatyr i ett rutnät. Tunna streck och trånga rundningar fallerar först.

5. 5

   Para ihop det med ett lugnt brödtypsnitt

   Välj ett lugnt, läsbart snitt till stödtexten så att rubriken förblir det högsta på sidan.

Para ihop rubriktypsnitt med brödtext

Ett rubriktypsnitt är en specialist. Det glänser i 90 px och tröttar ögat i 16 px. Para ihop det med ett arbetsdjur som läses bra i stycken och håller sig ur vägen. De säkraste paren kontrasterar på ett tydligt sätt, oftast antikva mot seriflös, eller kondenserat mot normal bredd. Typsnittskombinationer förklarar principerna, och Google Fonts-kombinationer har många fler.

Så sätter du rubriktext: storlek, avstånd och radavstånd

Även rätt typsnitt ser svagt ut med standardinställningar. Stor text behöver tätare bokstavsavstånd och tätare radavstånd än brödtext, och den behöver färre ord. I praktiken betyder det bokstavsavstånd kring minus 0,01 till minus 0,03 em och radavstånd kring 1,0 till 1,1. På ett socialt inlägg på 1080 px ligger en rubrik oftast mellan 90 och 140 px. Teckenstorlek för Instagram-inlägg har hela skalan.

<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>

Bakgrunden spelar också roll. En kraftig rubrik på en rörig gradient kan ändå brytas upp där färgen skiftar bakom den. Gradiently-Marks flyttar sitt lugnaste område bakom dina ord och väljer ljus eller mörk färg rad för rad, och Lettering-behandlingarna, som Kontur, Innerlinje och Extrudering, ger en rubrik extra närvaro utan rutor eller skuggor. För stor text på affischer, se displaytypsnitt och feta typsnitt. För miniatyrbilder, text på miniatyrbilder.