Bold lettertypen voor posters, thumbnails en koppen

Bold lettertypen zijn letters met dikke streken, meestal in gewichten van 700 (bold) tot 900 (black), en ze zijn de juiste keuze wanneer tekst snel gelezen moet worden: posters die je in het voorbijgaan ziet, YouTube-thumbnails van een paar centimeter breed, actiekoppen in een drukke feed. Goede gratis opties op Google Fonts zijn Anton en Bebas Neue voor een krachtige, smalle kop, Archivo Black en Rubik Black voor zware grotesken, Unbounded voor brede display-letters en Alfa Slab One voor stevige blokserifs. Kies eerst op formaat, want een letter die op een poster werkt, kan op een thumbnail dichtlopen.

Wat de nummers van lettergewichten betekenen

Lettergewichten lopen op een numerieke schaal van 100 tot 900. De meeste families geven ze namen, en CSS gebruikt direct de getallen. Bold is officieel 700, maar voor posters en thumbnails wil je vaak 800 of 900.

Gratis bold lettertypen per klus

Twee opmerkingen. Bebas Neue heeft alleen hoofdletters, dus is het geschikt voor korte regels, niet voor zinnen. Unbounded is een variabel lettertype dat van light tot black loopt, zodat je precies de zwaarte kunt kiezen die je wilt, en door de brede letters vullen twee of drie woorden een hele poster.

Bold lettertypen voor posters

Een poster wordt in een paar seconden van de overkant van een kamer of straat gelezen. De kop moet leesbaar zijn op de afstand waarop mensen eraan voorbijlopen, wat meestal betekent dat hij een groot deel van de breedte vult. Een A3-poster op 300 dpi is 3508×4961 pixels; een kop van drie of vier woorden in een black-gewicht kan gerust een derde van de hoogte innemen. Posterontwerp behandelt layout en hiërarchie.

Bold lettertypen voor YouTube-thumbnails

Thumbnails worden ontworpen op 1280×720, maar vaak op een fractie daarvan gezien, in een zijbalk of op een telefoon. Dat is de strengste test die er voor letters is. Gebruik een black-gewicht, houd het bij drie tot vijf woorden en kies smalle letters als de woorden lang zijn. Laat de rechterbenedenhoek vrij, want YouTube zet daar de videolengte. Tekst op thumbnails en YouTube-thumbnail ontwerp gaan hier verder op in.

Hoe je bold letters leesbaar houdt

Zware letters hebben kleine binnenruimtes, de afgesloten ruimtes in a, e en o. Maak je ze kleiner, dan lopen die ruimtes dicht en wordt een vetgedrukt woord een donkere klont. De oplossingen gaan meer over spatiëring en contrast dan over formaat.

Lettereffecten kunnen een woord nog meer laten opvallen. Een omlijning, een binnenlijn of een subtiele extrusie geven een vetgedrukt woord diepte zonder slagschaduw; outline-tekst laat zien hoe. In Gradiently zitten de lettereffecten Contour, Binnenlijn, Extrusie en Dubbel bij de tekstgereedschappen, en de Mark achter de woorden maakt zijn drukste detail rustiger en maakt de kleur donkerder of lichter bij de letters, zodat zware letters scherp blijven op een levendige achtergrond.

Bold lettertypen in CSS

Vraag je een browser om een gewicht dat het lettertypebestand niet bevat, dan kan hij er een namaken door de contouren te verdikken, wat uitgesmeerd en ongelijk oogt. Laad het echte gewicht en zet synthetische bold uit, zodat je merkt wanneer het ontbreekt.

@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;600&display=swap");

h1 {
  font-family: "Archivo Black", "Arial Black", sans-serif;
  font-weight: 400;          /* Archivo Black has one weight, already heavy */
  font-synthesis: none;      /* never fake bold or italic */
  line-height: 1;
  letter-spacing: -0.01em;
}

.label {
  font-family: "Inter", system-ui, sans-serif;
  font-weight: 600;
  letter-spacing: 0.02em;    /* small bold text needs a little air */
}

Voor meer over het kiezen van een stem voor grote letters, lees kopletters en display-lettertypen.