Overskriftsskrifter som fanger oppmerksomheten

De beste overskriftsskriftene kan leses med ett blikk i store størrelser og har et tydelig uttrykk: smale groteskskrifter som Anton eller Bebas Neue til kraft, tunge grotesker som Archivo Black til tyngde, og seriffskrifter med høy kontrast som Playfair Display eller DM Serif Display til eleganse. Alle er gratis på Google Fonts. Det riktige valget handler mindre om smak enn om oppgaven: hvor mange ord, hvor mye plass og hvordan overskriften skal føles.

Dette kjennetegner en god overskriftsskrift

• Tydelige former med et blikk. Åpne innvendige rom og klart forskjellige bokstaver gjør ordene lesbare før blikket stanser.
• God tilgang på vekt. En familie med bold, extra bold eller black, fordi overskrifter på telefon trenger kraftige streker.
• God grunnavstand og kerning. Stor tekst forstørrer alle mellomrom. Gode skrifter trenger mindre justering. Se kerning.
• Et uttrykk som passer budskapet. Høylytt, rolig, luksuriøst eller teknisk. Skriften sier det før ordene gjør det.
• Riktig bredde til plassen. Smale skrifter gir plass til lange ord i smale formater. Brede skrifter passer til korte ord med luft rundt.

De beste gratis overskriftsskriftene etter stil

Noen ting er nyttige å vite før du velger. Bebas Neue har bare versaler, så den passer til korte, høylytte linjer fremfor setninger. Oswald er en nytolkning av den klassiske Alternate Gothic-stilen og finnes i flere vekter, som gjør den mer fleksibel enn Anton. Fraunces er en variabel skrift med akser for mykhet og en leken, skjev modus. Én familie kan derfor gå fra skarp til koselig. Syne blir merkbart bredere i de tyngre vektene og gir en fet overskrift ekte nærvær.

Slik velger du overskriftsskrift

1. 1

   Skriv den ekte overskriften først

   Test med dine egne ord, ikke skriftens eksempeltekst. En skrift som ser flott ut med «Hamburgefonts», kan virke rar med merkevarenavnet ditt.

2. 2

   Mål plassen

   En lang overskrift i et smalt format, som en story eller pin, trenger en smal skrift. Korte linjer i brede formater har råd til en bredere.

3. 3

   Tilpass uttrykket til budskapet

   Skriv tre ord for hvordan overskriften skal føles. Velg bare skrifter som passer til alle tre.

4. 4

   Test i den minste faktiske størrelsen

   Krymp designet til telefonstørrelse eller et miniatyrbilde i et rutenett. Tynne streker og små innvendige rom svikter først.

5. 5

   Par den med en rolig brødtekstskrift

   Velg en rolig, lesbar skrift til støttetekst, så overskriften fortsatt er sidens sterkeste element.

Kombiner overskriftsskrifter med brødtekst

En overskriftsskrift er en spesialist. Den stråler ved 90 px og sliter ut øyet ved 16 px. Par den med en arbeidshest som fungerer i avsnitt og holder seg i bakgrunnen. De tryggeste parene har én tydelig kontrast, vanligvis seriff mot grotesk eller smal mot normal bredde. Skriftpar forklarer prinsippene, og Google Fonts-kombinasjoner har mange flere par.

Sett overskrifter: størrelse, avstand og linjehøyde

Selv riktig skrift virker svak med standardinnstillinger. Stor tekst trenger tettere bokstav- og linjeavstand enn brødtekst, og færre ord. I praksis betyr det bokstavavstand rundt minus 0,01 til minus 0,03 em og linjehøyde rundt 1,0 til 1,1. På et sosialt innlegg på 1080 px ligger overskriften vanligvis mellom 90 og 140 px. Skriftstørrelse til Instagram-innlegg har hele skalaen.

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

Bakgrunnen betyr også noe. En tung overskrift på en travel gradient kan fortsatt brytes opp der fargen endres bak den. Marker fra Gradiently flytter sitt roligste område bak ordene og velger lys eller mørk tekst linje for linje. Tekstbehandlinger som Kontur, Innlinje og Uttrekk gir dessuten ekstra nærvær uten bokser eller skygger. For stor tekst på plakater, se displayskrifter og fete skrifter. For miniatyrbilder, se miniatyrbildetekst.