Departure Mono and Inter for a retro tech look
A pixel font for labels, numbers and headlines, and Inter to make the rest easy to read. Retro, but still readable.
Font combination
Departure Mono + Inter
SIGNAL FOUND
Departure Mono is drawn on a pixel grid, so it looks like an old terminal or a handheld game. Inter was made for screens and stays clear at any size, which is what the body text needs when the headline is doing something loud.
Departure MonoHeadlines, labels and numbers · departuremono.com
InterBody and UI · Google Fonts
The two fonts
-
Departure Mono
-
Inter
At different sizes
SIGNAL FOUND
SIGNAL FOUND
Departure Mono is drawn on a pixel grid, so it looks like an old terminal or a handheld game. Inter was made for screens and stays clear at any size, which is what the body text needs when the headline is doing something loud.
Label · Button · 0123456789
Add them to a site
@font-face {
font-family: 'Departure Mono';
src: url('/fonts/DepartureMono-Regular.woff2') format('woff2');
font-weight: 400;
font-display: swap;
}<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=Inter:wght@400;500;700&display=swap" rel="stylesheet">h1, h2, .label, .stat {
font-family: 'Departure Mono', ui-monospace, monospace;
font-weight: 400;
letter-spacing: 0.02em;
}
h1 { font-size: 44px; line-height: 1.1; }
h2 { font-size: 33px; line-height: 1.15; }
.label { font-size: 11px; text-transform: uppercase; }
body {
font-family: 'Inter', system-ui, sans-serif;
font-size: 1rem;
line-height: 1.6;
}How to use it
- Departure Mono is drawn on an 11 pixel grid. Its maker recommends sizes in steps of 11 px (11, 22, 33, 44) for pixel sharp results.
- Keep it for short things: headlines, labels, prices, stats, buttons. Paragraphs in a pixel font tire the eyes quickly.
- Departure Mono is not on Google Fonts. Download it from departuremono.com and self host it with the @font-face rule below.
Free to use in personal and commercial work. No credit needed, though a link back is always nice.
