Skrifttyper til overskrifter: fonte, der fanger opmærksomheden

De bedste skrifttyper til overskrifter er dem, du kan læse med ét blik i store størrelser, og som bærer en klar tone: smalle grotesker som Anton eller Bebas Neue til slagkraft, tunge grotesker som Archivo Black til vægt og serifskrifter med høj kontrast som Playfair Display eller DM Serif Display til elegance. Alle er gratis på Google Fonts. Den rigtige afhænger mindre af smag end af opgaven: hvor mange ord, hvor meget plads, og hvordan overskriften skal føles.

Hvad gør en god skrifttype til overskrifter

• Klare former med ét blik. Åbne punsler og tydelige bogstaver, så ordene læses, før øjet falder til ro.
• Vægt nok. En familie med bold, extra bold eller black, for overskrifter på telefoner kræver tunge streger.
• God standardafstand og kerning. Stor skrift forstørrer hvert mellemrum; veludførte skrifter kræver mindre rettelse. Se kerning.
• En tone, der matcher budskabet. Høj, rolig, luksuriøs eller teknisk. Skriften siger det, før ordene gør.
• Den rigtige bredde til din plads. Smalle skrifter får lange ord til at passe i smalle formater; brede skrifter passer til korte ord med luft omkring.

De bedste gratis skrifttyper til overskrifter, efter stil

Et par noter, der er værd at kende, før du vælger. Bebas Neue har kun versaler, så den passer til korte, råbte linjer frem for sætninger. Oswald er en nyfortolkning af den klassiske Alternate Gothic-stil og findes i flere vægte, hvilket gør den mere fleksibel end Anton. Fraunces er en variabel skrift med akser for blødhed og en legende, skæv tilstand, så én familie kan gå fra sprød til nusset. Syne bliver mærkbart bredere i de tungere vægte, hvilket giver en fed overskrift ægte tilstedeværelse.

Sådan vælger du en skrifttype til overskrifter

1. 1

   Skriv den rigtige overskrift først

   Test med dine egne ord, ikke skriftens eksempeltekst. En skrift, der ser flot ud på »Hamburgefonts«, kan se mærkelig ud på dit brandnavn.

2. 2

   Mål pladsen

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

3. 3

   Match tonen med budskabet

   Skriv tre ord ned for, hvordan overskriften skal føles. Sæt kun skrifter på shortlisten, der passer til alle tre.

4. 4

   Test i den mindste reelle størrelse

   Formindsk designet til telefonstørrelse eller til en thumbnail i et gitter. Tynde streger og trange punsler fejler først.

5. 5

   Par den med en rolig brødtekstskrift

   Vælg en rolig, læselig skrift til den støttende tekst, så overskriften forbliver det højeste på siden.

Par overskriftsskrifter med brødtekst

En overskriftsskrift er en specialist. Den stråler i 90 px og trætter øjet i 16 px. Par den med en arbejdshest, der læses godt i afsnit og holder sig i baggrunden. De sikreste par kontrasterer på én tydelig måde, som regel serif mod grotesk eller smal mod normal bredde. Skriftpar forklarer principperne, og Google Fonts-par har mange flere kombinationer.

Sådan sætter du overskrifter: størrelse, afstand og linjehøjde

Selv den rigtige skrift ser svag ud med standardindstillinger. Stor skrift kræver strammere spatiering og strammere linjeafstand end brødtekst, og den kræver færre ord. I praksis betyder det en bogstavafstand på omkring minus 0,01 til minus 0,03 em og en linjehøjde på omkring 1,0 til 1,1. På et opslag på 1080 px ligger en overskrift som regel mellem 90 og 140 px; skriftstørrelse til Instagram-opslag 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>

Baggrunden betyder også noget. En tung overskrift på en travl gradient kan stadig gå i stykker, hvor farven skifter bag den. Gradiently Marks flytter deres roligste område bag dine ord og vælger lys eller mørk skrift linje for linje, og Lettering-behandlingerne, som Kontur, Indre linje og Dybde, giver en overskrift ekstra tilstedeværelse uden bokse eller skygger. Til stor skrift på plakater, se displayskrifter og fede skrifttyper; til thumbnails, tekst på thumbnails.