A YouTube thumbnail is designed at 1280 by 720 pixels and mostly seen a few centimetres wide, in a scrolling feed on a phone, next to a dozen others competing for the same half-second. Text on it has one job: to be read at that size, instantly. Almost every typographic decision follows from that.
What a thumbnail font needs
- Weight. Thin strokes vanish when the image is shrunk. Use the heaviest weight a family has, or a family that only comes heavy.
- Open shapes. Letters whose insides stay open at heavy weight — an e or an a that does not fill in — keep reading when small. Some very heavy faces clog into blobs.
- Width, chosen deliberately. A condensed face fits more letters across the frame; a wide one gives fewer words more presence. Both work. A normal width at a light weight is the thing that does not.
Faces that hold up
Anton and Bebas Neue are the standard condensed pair: tall, heavy capitals that pack a short phrase into a small space. Lilita One and Luckiest Guy are rounder and friendlier, suited to lifestyle, family and entertainment channels. Russo One has the squared, fast look of gaming and motor channels, and Black Ops One is a stencil for when the theme is military or action.
| Family | Variable download | Static download |
|---|---|---|
| Anton | None published | 80 KB1 file |
| Bebas Neue | None published | 30 KB1 file |
| Lilita One | None published | 17 KB1 file |
| Luckiest Guy | None published | 44 KB1 file |
| Russo One | None published | 22 KB1 file |
How many words, and how big
Three to five words is the working limit. The title underneath already says what the video is; the thumbnail text should add the one thing the image cannot — a number, a result, a reaction. A practical test: shrink your finished thumbnail to the width of your thumb on your own phone. If you cannot read the text in the time it takes to glance at it, there are too many words or the letters are too small.
Contrast is what really makes it readable
The background of a thumbnail is usually a photograph, which means the text sits on shifting colours and textures. Three techniques fix that, in increasing order of loudness:
- A solid or semi-transparent band behind the text.
- A heavy drop shadow, offset down and to the right, in black or a dark version of the text colour.
- An outline stroke around each letter — the look that has come to signal a thumbnail. Keep it thick enough to see at phone size and draw it outside the letter, so the letter shapes do not get thinner.
Consistency over novelty
Channels that are recognisable in a feed usually use the same one or two fonts on every thumbnail, in the same position and colours. Choosing a font once and sticking to it does more than hunting for a new one each week. Uploading it to a design tool is covered in using your own fonts in Canva, and every font here is cleared for commercial use, including monetised videos.
The image is compressed before anybody sees it
A thumbnail is re-encoded and served at several sizes, none of them the size you designed at. Compression is hardest on exactly the details thin type depends on: a hairline stroke picks up fringing, a one-pixel outline turns into a grey halo, and a gradient behind small text bands.
- Heavy weights survive compression; light ones do not. This is the second reason to use the boldest cut of a family, after simple visibility.
- An outline needs to be thick enough to still be an outline at a quarter of the size — six to ten pixels on a 1280-wide canvas, not two.
- Flat colour behind text compresses cleanly. A busy photograph behind small text is where artefacts appear first.
- Export as PNG if the design has flat areas and hard edges; a JPEG at high quality is fine for photographic thumbnails.
A layout that works at both sizes
Design at 1280 by 720, then judge at about 210 pixels wide, which is roughly what a phone shows in a feed. The things that survive that reduction are large shapes, strong colour contrast and no more than three elements: a face or object, two to four words, and one accent.
- Keep text out of the bottom right corner, where the video length sits.
- Leave a margin of about 40 pixels all round; feeds crop slightly differently on different devices.
- Set the text at 90 to 160 pixels on the 1280-wide canvas. Smaller than that is unreadable in a feed whatever the face.
- Put the most important word on its own line. Two lines of two words beat one line of four.
Turn it into a template once
Channels that look consistent are not choosing a font each week; they made one file with the typeface, the colours and the text position locked, and they change the words. In Canva that is a brand kit and a template — the routine for getting your own font in is in uploading your own fonts to Canva — and in Figma or Photoshop it is a component or a smart object.
Two weights of one family is the whole type system a thumbnail needs: the heavy cut for the words, and something plain for the occasional small label. Every family named above is free for commercial use, monetised channels included, with no credit required.
Thumbnails that are mostly a number
A large part of the format is one figure: a price, a year, a count, a result. Numbers behave differently from words at that size, and two details decide whether they read cleanly.
First, use lining figures — the ones that all sit at cap height — rather than old-style figures with ascenders and descenders, which look unbalanced when isolated. Second, watch the one and the seven: in a heavy condensed face they can be nearly identical at a glance, and a thumbnail is a glance. If a family gets either wrong, the fix is a different family rather than a workaround, because the number is the whole image.