# Bold fonts for posters, thumbnails and headlines

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

Bold type is the fastest way to be seen from across a street or a feed. Picking the heaviest weight is not enough, though. Here are free bold fonts by job, and the details that keep heavy letters crisp.

## The short version

- Bold fonts are typefaces drawn in heavy weights, usually 700 to 900, which stay readable at a distance and at small preview sizes.
- Anton, Archivo Black, Bebas Neue, Unbounded and Alfa Slab One are free bold fonts on Google Fonts.
- Condensed bold fonts fit more letters across a narrow space, while wide bold fonts make short words feel monumental.
- Bold type needs a little extra letter spacing at small sizes and tighter spacing at very large sizes.
- A true bold or black weight drawn by the type designer always looks better than a bold faked by software.

**Bold fonts** are typefaces with thick strokes, usually in weights from 700 (bold) to 900 (black), and they are the right choice whenever type has to be read fast: posters seen in passing, YouTube thumbnails a few centimetres wide, sale headlines in a busy feed. Good free options on Google Fonts include Anton and Bebas Neue for condensed impact, Archivo Black and Rubik Black for heavy grotesques, Unbounded for wide display, and Alfa Slab One for a chunky slab. Choose by format first, because a face that works on a poster can clog up on a thumbnail.

## What the weight numbers mean

Font weights run on a numeric scale from 100 to 900. Most families label them with names, and CSS uses the numbers directly. Bold is technically 700, but for posters and thumbnails you often want 800 or 900.

| Number | Common name | Where it works |
| --- | --- | --- |
| 400 | Regular | Body text |
| 500 | Medium | Interface labels, small bold text |
| 600 | Semibold | Subheadings, buttons |
| 700 | Bold | Headlines on screens, emphasis |
| 800 | Extra bold | Social headlines, poster subheads |
| 900 | Black or Heavy | Posters, thumbnails, single words |

Not every family has every weight. Check that the one you need is a real, drawn weight before you commit.

## Free bold fonts by job

| Job | Google Fonts | Why |
| --- | --- | --- |
| Thumbnails and long words in tight space | Anton, Bebas Neue, Oswald Bold, Barlow Condensed Black | Condensed: more letters fit at a larger size |
| Posters with three or four words | Archivo Black, Rubik Black, Inter Black, Poppins Black | Solid grotesques that stay clear from a distance |
| Short words that should feel huge | Unbounded, Dela Gothic One, Bowlby One | Wide and heavy, very little white inside the letters |
| Retro and signage | Alfa Slab One, Bungee, Ultra | Slab serifs and sign painter shapes |
| Friendly and playful | Lilita One, Titan One, Fredoka Bold | Rounded corners soften the weight |
| Bold with a fashion edge | Abril Fatface, Playfair Display Black | Heavy Didone serifs with dramatic contrast |

All free under open licences on Google Fonts. Pair any of them with a regular weight sans for supporting text.

Two notes. **Bebas Neue** has capitals only, so it is for short lines, not sentences. **Unbounded** is a variable font that runs from light to black, so you can pick the exact heaviness you want, and its wide letters make two or three words fill a whole poster.

## Bold fonts for posters

A poster is read from across a room or a street in a few seconds. The headline should be readable at the distance people pass it, which usually means it fills a large share of the width. An A3 poster at 300 dpi is 3508×4961 pixels; a headline of three or four words in a black weight can comfortably take up a third of the height. [Poster design](https://gradiently.design/guide/poster-design) covers layout and hierarchy.

An A3 gig poster with LIVE AT THE DOCKS in heavy condensed capitals over a dark gradient

An A3 gig poster. Set the headline in a heavy condensed face, sized to be read from the other side of the street.

A YouTube thumbnail with the bold headline I tried it for 30 days on the left over a vivid gradient

A 1280×720 YouTube thumbnail: four or five bold words, left aligned, leaving space on the right for a face or object.

## Bold fonts for YouTube thumbnails

Thumbnails are designed at 1280×720 but often seen at a fraction of that, in a sidebar or on a phone. That is the harshest test there is for type. Use a black weight, keep to three to five words, and prefer condensed faces when the words are long. Leave the bottom right corner clear, because YouTube places the video length there. [Thumbnail text](https://gradiently.design/guide/typography-for-thumbnails) and [YouTube thumbnail design](https://gradiently.design/guide/youtube-thumbnail-design) go deeper.

## How to make bold type read

Heavy letters have small counters, the enclosed spaces in a, e and o. Shrink them and those spaces fill in, so a bold word becomes a dark lump. The fixes are about spacing and contrast more than size.

### Avoid

- Black weight at tiny sizes with zero letter spacing
- Fake bold made by a software button
- Bold type on a busy, equally loud background
- Every word on the poster in black weight
- Heavy letters crowded to the edges

### Do

- Open spacing slightly when bold type is small
- A real 800 or 900 weight from the family
- A calm, contrasting area behind the headline
- Bold for the headline, regular for details
- Generous margins around heavy letters

Lettering effects can add even more presence. An outline, an inline or a gentle extrude gives a bold word depth without a drop shadow; [outline text](https://gradiently.design/guide/outline-text) shows how. In Gradiently, the Lettering treatments Contour, Inline, Extrude and Double are built into the text tools, and the Mark behind the words relaxes its busiest detail and deepens or lifts the colour near the letters, so heavy type stays crisp on a vivid background.

## Bold fonts in CSS

If you ask a browser for a weight the font file does not include, it may fake one by thickening the outlines, which looks smudged and uneven. Load the real weight, and switch off synthetic bold so you notice when it is missing.

```css
@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 */
}
```

Single weight display fonts like Archivo Black are registered as weight 400, so ask for 400, not 900.

For more on choosing a voice for big type, read [headline fonts](https://gradiently.design/guide/headline-fonts) and [display fonts](https://gradiently.design/guide/display-fonts).

## FAQ

### What is the boldest free font?

There is no official ranking, but Archivo Black, Dela Gothic One, Bowlby One and Unbounded at its black weight are among the heaviest free fonts on Google Fonts.

### What font weight is bold?

Bold is weight 700. Extra bold is 800 and black or heavy is 900.

### What is the best bold font for YouTube thumbnails?

Condensed heavy faces such as Anton or Bebas Neue fit long words, while Archivo Black or Rubik Black suit short ones. Keep to three to five words.

### Why does my bold text look blurry when small?

Heavy letters have small inner spaces that fill in at small sizes. Add a little letter spacing, use a slightly lighter weight or make the text bigger.

### What is faux bold?

A bold made by software thickening a regular weight. It looks smeared and uneven. Use a real bold weight from the font family instead.