# Skrifttyper til overskrifter: fonte, der fanger opmærksomheden
[Canonical HTML page](https://gradiently.design/da/guide/headline-fonts)
En overskrift har omkring et sekund til at blive læst. Skrifttypen gør en overraskende stor del af det arbejde. Her er gratis fonte, der fortjener opmærksomheden, grupperet efter den opgave, de løser bedst, med par, du kan bruge i dag.
## The short version
- Gode skrifttyper til overskrifter har klare bogstavformer, stærke vægte og nok karakter til at blive genkendt med ét blik.
- Smalle skrifter som Anton og Bebas Neue får lange ord til at passe i store størrelser, hvilket passer til plakater og thumbnails.
- Serifskrifter med høj kontrast som Playfair Display og DM Serif Display giver overskrifter en redaktionel, raffineret tone.
- En overskriftsskrift parres som regel med en roligere brødtekstskrift, som Inter eller DM Sans, til alt det andet.
- Overskrifter sat stort har som regel brug for lidt strammere spatiering og linjeafstand end skriftens standardværdier.
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](https://fonts.google.com). 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](https://gradiently.design/da/guide/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
| Stil | Google Fonts at prøve | Føles | Bedst til |
| --- | --- | --- | --- |
| Smal grotesk | Anton, Bebas Neue, Oswald, Barlow Condensed, Big Shoulders Display | Høj, presserende, sporty | Plakater, thumbnails, udsalgsopslag |
| Tung grotesk | Archivo Black, Inter Tight, Work Sans i black | Direkte, moderne, ingen pjat | Annonceringer, produktlanceringer |
| Geometrisk grotesk | Montserrat, Poppins, Outfit, League Spartan | Venlig, ren, rund | Startups, serviceydelser, opslag på sociale medier |
| Grotesk med karakter | Bricolage Grotesque, Space Grotesk, Syne | Markant, tidssvarende, lidt skæv | Brands, der vil have en stemme |
| Serif med høj kontrast | Playfair Display, DM Serif Display, Instrument Serif | Redaktionel, raffineret, eksklusiv | Mode, skønhed, magasiner, menukort |
| Blød serif | Fraunces, Young Serif | Varm, håndværksmæssig, imødekommende | Mad, caféer, uafhængige butikker |
En første shortlist. Alle skrifter her er gratis på Google Fonts under en åben licens, der tillader kommerciel brug.
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.
Et stående udsalgsopslag med SOMMERUDSALG i store, smalle versaler over en klar gradient
Korte, råbte ord i versaler: det register, en smal skrift som Anton eller Bebas Neue er lavet til.
Et stående redaktionelt opslag med en raffineret serifoverskrift, der lyder Hørrens stille comeback
En redaktionel overskrift vil det modsatte: en serif med høj kontrast som Playfair Display sænker læsetempoet og signalerer omhu.
## Sådan vælger du en skrifttype til overskrifter
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. **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. **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. **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. **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](https://gradiently.design/da/guide/font-pairing) forklarer principperne, og [Google Fonts-par](https://gradiently.design/da/guide/google-fonts-pairings) har mange flere kombinationer.
| Overskrift | Brødtekst | Hvorfor det virker |
| --- | --- | --- |
| Anton | Inter | Smal slagkraft over en neutral, meget læselig grotesk |
| Playfair Display | Source Sans 3 | Klassisk redaktionel kontrast mellem serif og grotesk |
| Bricolage Grotesque | DM Sans | En overskrift med karakter over en rolig, geometrisk brødtekst |
| DM Serif Display | DM Sans | Tegnet som makkere, så proportionerne passer |
| Archivo Black | Archivo | Én familie i to vægte, det enkleste par, der findes |
| Fraunces | Manrope | Varm, blød serif over en ren, moderne grotesk |
Seks par bygget af gratis Google Fonts. Brug overskriftsskriften til en eller to linjer; lad brødtekstskriften bære alt andet.
## 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](https://gradiently.design/da/guide/font-size-for-social-media) har hele skalaen.
### Undgå
- En let vægt til hovedoverskriften på en telefon
- Skriveskrift eller dekorative skrifter til lange overskrifter
- Standardlinjehøjde på en overskrift i tre linjer
- To forskellige displayskrifter i ét design
- Tolv ord i overskriftsstørrelse
### Gør
- Semibold til black til sociale medier og thumbnails
- En displayskrift til slagkraft, en grotesk til detaljer
- Linjehøjde omkring 1,05 til stablede linjer
- Én overskriftsskrift, brugt konsekvent
- Fem til otte ord, skåret ned til det gør ondt
```html
```
Indlæsning af et par til overskrift og brødtekst fra Google Fonts. Reserveskrifterne holder linjen i en lignende bredde, mens skriften indlæses.
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](https://gradiently.design/da/guide/display-fonts) og [fede skrifttyper](https://gradiently.design/da/guide/bold-fonts); til thumbnails, [tekst på thumbnails](https://gradiently.design/da/guide/typography-for-thumbnails).
## FAQ
### Hvad er den bedste skrifttype til overskrifter?
Det afhænger af opgaven. Anton eller Bebas Neue passer til høje, korte overskrifter; Playfair Display eller DM Serif Display til redaktionelle; Montserrat eller Outfit til venlige, rene.
### Er Google Fonts gratis til kommerciel brug?
Skrifter på Google Fonts udgives under åbne licenser, for det meste SIL Open Font License, som tillader kommerciel brug. Hver skrifts side på Google Fonts viser dens licens, så tjek den, før du stoler på den. [Skriftlicenser](https://gradiently.design/da/guide/font-licensing) forklarer detaljerne.
### Skal overskrifter være med eller uden serif?
Begge dele virker. Grotesker opfattes som direkte og moderne; serifskrifter som redaktionelle og raffinerede. Vælg efter den tone, du ønsker, og par med det modsatte til brødtekst.
### Hvilken skriftstørrelse skal en overskrift have?
På et opslag på 1080 px omkring 90 til 140 px. På en hjemmeside cirka 2,5 til 4 gange din brødtekststørrelse, afhængigt af din typografiske skala.
### Kan jeg bruge to overskriftsskrifter i ét design?
Det er sjældent en god idé. Én displayskrift plus én rolig brødtekstskrift giver et klarere hierarki og ser mere bevidst ud.