# Koppenlettertypes: fonts die de aandacht grijpen

[Canonical HTML page](https://gradiently.design/nl/guide/headline-fonts)

Een kop heeft ongeveer een seconde om gelezen te worden. Het lettertype doet daar verrassend veel van het werk. Hier staan gratis fonts die aandacht verdienen, gegroepeerd naar waar ze het best in zijn, met combinaties die je vandaag kunt gebruiken.

## The short version

- Goede koppenlettertypes hebben heldere lettervormen, krachtige gewichten en genoeg karakter om in één blik herkend te worden.
- Smalle fonts zoals Anton en Bebas Neue krijgen lange woorden op groot formaat kwijt, wat past bij posters en thumbnails.
- Schreefletters met veel contrast, zoals Playfair Display en DM Serif Display, geven koppen een redactionele, verfijnde toon.
- Een kopfont combineer je meestal met een rustiger font voor de rest, zoals Inter of DM Sans.
- Koppen op groot formaat hebben meestal wat strakkere letterspatiëring en regelafstand nodig dan de standaardwaarden van het font.

De beste **koppenlettertypes** zijn fonts die je op groot formaat in één blik leest en die een duidelijke toon hebben: smalle schreefloze letters als Anton of Bebas Neue voor pit, zware grotesken als Archivo Black voor gewicht en schreefletters met veel contrast als Playfair Display of DM Serif Display voor elegantie. Ze zijn allemaal gratis op [Google Fonts](https://fonts.google.com). De juiste keuze hangt minder van smaak af dan van de opdracht: hoeveel woorden, hoeveel ruimte en hoe de kop moet aanvoelen.

## Wat een goed koppenlettertype maakt

- **Heldere vormen in één blik.** Open binnenruimtes en duidelijk te onderscheiden letters, zodat de woorden gelezen zijn voordat het oog tot rust komt.
- **Gewicht in overvloed.** Een familie met bold, extra bold of black, want koppen op telefoons hebben zware lijnen nodig.
- **Goede standaardspatiëring en kerning.** Groot lettertype vergroot elk gat uit; goed gemaakte fonts hoeven minder gecorrigeerd te worden. Zie [kerning](https://gradiently.design/nl/guide/kerning).
- **Een toon die bij de boodschap past.** Luid, rustig, luxueus of technisch. Het font zegt het voordat de woorden het doen.
- **De juiste breedte voor je ruimte.** Smalle fonts krijgen lange woorden kwijt in smalle formaten; brede fonts passen bij korte woorden met ruimte eromheen.

## De beste gratis fonts voor koppen, per stijl

| Stijl | Google Fonts om te proberen | Uitstraling | Het best voor |
| --- | --- | --- | --- |
| Smal schreefloos | Anton, Bebas Neue, Oswald, Barlow Condensed, Big Shoulders Display | Luid, urgent, sportief | Posters, thumbnails, actieposts |
| Zware grotesk | Archivo Black, Inter Tight, Work Sans in black | Direct, modern, zonder omhaal | Aankondigingen, productlanceringen |
| Geometrisch schreefloos | Montserrat, Poppins, Outfit, League Spartan | Vriendelijk, schoon, rond | Startups, diensten, socialmediaposts |
| Schreefloos met karakter | Bricolage Grotesque, Space Grotesk, Syne | Onderscheidend, actueel, een beetje eigenzinnig | Merken die een eigen stem willen |
| Schreef met veel contrast | Playfair Display, DM Serif Display, Instrument Serif | Redactioneel, verfijnd, duur | Mode, beauty, magazines, menu’s |
| Zachte schreef | Fraunces, Young Serif | Warm, ambachtelijk, benaderbaar | Eten, koffiebars, onafhankelijke winkels |

Een eerste shortlist. Elk font hier is gratis op Google Fonts onder een open licentie die commercieel gebruik toestaat.

Een paar dingen die goed zijn om te weten voordat je kiest. **Bebas Neue** heeft alleen hoofdletters, dus het past bij korte, geroepen regels en niet bij hele zinnen. **Oswald** is een herwerking van de klassieke Alternate Gothic-stijl en heeft meerdere gewichten, waardoor het flexibeler is dan Anton. **Fraunces** is een variabel font met assen voor zachtheid en een speelse ‘wonky’ stand, dus één familie kan van scherp naar knuffelig gaan. **Syne** wordt in de zwaardere gewichten merkbaar breder, wat een vette kop echte uitstraling geeft.

Een staande actiepost met ZOMERSALE in grote smalle hoofdletters op een heldere gradiënt

Korte, geroepen woorden in hoofdletters: het register waar een smal font als Anton of Bebas Neue voor gemaakt is.

Een staande redactionele post met een verfijnde schreefkop die luidt De stille terugkeer van linnen

Een redactionele kop vraagt het tegenovergestelde: een schreef met veel contrast zoals Playfair Display vertraagt de lezer en toont zorg.

## Zo kies je een koppenlettertype

1. **Schrijf eerst de echte kop** Test met je eigen woorden, niet met de voorbeeldtekst van het font. Een font dat er prachtig uitziet op ‘Hamburgefonts’ kan vreemd ogen op je merknaam.
2. **Meet de ruimte** Een lange kop in een smal formaat, zoals een story of een pin, vraagt om een smal font. Korte regels in brede formaten kunnen een bredere letter hebben.
3. **Stem de toon af op de boodschap** Schrijf drie woorden op voor hoe de kop moet voelen. Hou alleen fonts over die bij alle drie passen.
4. **Test op de kleinste echte grootte** Verklein het ontwerp tot telefoonformaat of tot een thumbnail in een raster. Dunne lijnen en krappe binnenruimtes falen het eerst.
5. **Combineer het met een rustig font voor de broodtekst** Kies een kalme, goed leesbare letter voor de ondersteunende tekst, zodat de kop het luidste op de pagina blijft.

## Koppenlettertypes combineren met broodtekst

Een kopfont is een specialist. Op 90 px schittert het, op 16 px vermoeit het het oog. Combineer het met een werkpaard dat goed leest in alinea’s en zich er niet mee bemoeit. De veiligste combinaties verschillen op één duidelijke manier, meestal schreef tegenover schreefloos, of smal tegenover normale breedte. [Fonts combineren](https://gradiently.design/nl/guide/font-pairing) legt de principes uit en [Google Fonts-combinaties](https://gradiently.design/nl/guide/google-fonts-pairings) heeft er nog veel meer.

| Kop | Broodtekst | Waarom het werkt |
| --- | --- | --- |
| Anton | Inter | Smalle impact boven een neutrale, zeer leesbare schreefloze |
| Playfair Display | Source Sans 3 | Klassiek redactioneel contrast van schreef en schreefloos |
| Bricolage Grotesque | DM Sans | Een kop met karakter boven een rustige geometrische broodtekst |
| DM Serif Display | DM Sans | Getekend als gezellen, dus de verhoudingen kloppen |
| Archivo Black | Archivo | Eén familie in twee gewichten, de eenvoudigste combinatie die er is |
| Fraunces | Manrope | Warme, zachte schreef boven een schone, moderne schreefloze |

Zes combinaties van gratis Google Fonts. Gebruik het kopfont voor een of twee regels en laat het broodtekstfont de rest dragen.

## Zo zet je kopletters: grootte, spatiëring en regelafstand

Zelfs het juiste font ziet er zwak uit met standaardinstellingen. Groot lettertype heeft strakkere letterspatiëring en regelafstand nodig dan broodtekst, en minder woorden. In de praktijk betekent dat een letterspatiëring van ongeveer min 0,01 tot min 0,03 em en een regelhoogte van ongeveer 1,0 tot 1,1. Op een socialmediapost van 1080 px staat een kop meestal tussen 90 en 140 px; [lettergrootte voor Instagramposts](https://gradiently.design/nl/guide/font-size-for-social-media) heeft de volledige schaal.

### Vermijd

- Een licht gewicht voor de hoofdkop op een telefoon
- Script- of decoratieve fonts voor lange koppen
- Standaard regelhoogte bij een kop van drie regels
- Twee verschillende displayfonts in één ontwerp
- Twaalf woorden op kopformaat

### Doe

- Semibold tot black voor social en thumbnails
- Een displayfont voor impact, een schreefloze voor details
- Regelhoogte rond 1,05 voor gestapelde regels
- Eén kopfont, consequent gebruikt
- Vijf tot acht woorden, schrappen tot het pijn doet

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

Een combinatie van kop- en broodtekstfont laden vanaf Google Fonts. De fallbackstack houdt de regel ongeveer even breed terwijl het font laadt.

Ook de achtergrond telt. Een zware kop op een drukke gradiënt kan nog steeds uiteenvallen waar de kleur erachter verschuift. Gradiently Marks schuiven hun rustigste zone achter je woorden en kiezen regel voor regel lichte of donkere inkt, en de Lettering-behandelingen, zoals Contour, Binnenlijn en Extrusie, geven een kop extra kracht zonder vakken of schaduwen. Voor grote letters op posters zie je [displayfonts](https://gradiently.design/nl/guide/display-fonts) en [vette fonts](https://gradiently.design/nl/guide/bold-fonts); voor thumbnails [thumbnailtekst](https://gradiently.design/nl/guide/typography-for-thumbnails).

## FAQ

### Wat is het beste lettertype voor koppen?

Dat hangt af van de opdracht. Anton of Bebas Neue passen bij luide, korte koppen; Playfair Display of DM Serif Display bij redactionele; Montserrat of Outfit bij vriendelijke, schone.

### Zijn Google Fonts gratis voor commercieel gebruik?

Fonts op Google Fonts verschijnen onder open licenties, meestal de SIL Open Font License, die commercieel gebruik toestaan. Op de pagina van elk font staat de licentie, dus controleer die voordat je erop vertrouwt. [Fontlicenties](https://gradiently.design/nl/guide/font-licensing) legt de details uit.

### Moeten koppen met of zonder schreef?

Allebei kan. Schreefloze letters lezen als direct en modern; schreefletters als redactioneel en verfijnd. Kies op de toon die je wilt en combineer met het tegenovergestelde voor de broodtekst.

### Hoe groot moet een kop zijn?

Op een socialmediapost van 1080 px ongeveer 90 tot 140 px. Op een website grofweg 2,5 tot 4 keer je broodtekstgrootte, afhankelijk van je typografische schaal.

### Kan ik twee kopfonts in één ontwerp gebruiken?

Het is zelden een goed idee. Eén displayfont plus één rustig broodtekstfont geeft een duidelijkere hiërarchie en oogt bewuster.