# Retro fonts: typefaces from the 70s, 80s and 90s [Canonical HTML page](https://gradiently.design/guide/retro-fonts) Every decade had a handful of faces that now say its name on sight. Here they are, with free alternatives you can use commercially and the rules that stop a retro look turning into fancy dress. ## The short version - Retro fonts are typefaces that recall a specific decade, and the 1970s, 1980s and 1990s each have a recognisable set. - The 1970s are defined by soft, heavy serifs and rounded geometric sans faces such as Cooper Black and ITC Avant Garde Gothic. - The 1980s look comes from wide techno sans faces, chrome lettering, neon inlines and pixel fonts from arcade machines and home computers. - The 1990s mix grunge display type with the first fonts made for screens, such as Verdana and Georgia. - A retro font reads as a choice rather than a costume when you pair it with a plain modern face and use it for a few large words. **Retro fonts** are typefaces that carry the look of a past decade. For the 1970s that means soft, chunky serifs like Cooper Black and rounded geometric sans faces; for the 1980s, wide techno lettering, neon inlines and pixel type; for the 1990s, grunge display faces alongside the first fonts designed for screens. Below are the faces that define each decade, free Google Fonts that give the same feeling under open licences, and how to use them so the result feels considered rather than nostalgic for its own sake. One distinction first. A retro font is a typeface; a retro *effect* is what you do to the letters afterwards, such as an extrusion or a misprinted second colour. They work best together, and [retro text effects](https://gradiently.design/guide/retro-text-effect) covers the second half. ## 70s fonts: soft, heavy and warm The 1970s loved weight and curves. Display type was set tight, letters nearly touched, and serifs melted into round blobs. The look came from phototypesetting, which made it easy to space letters closer than metal type ever allowed, and from a taste for anything that felt friendly and organic. - **Cooper Black**: drawn by Oswald Cooper in the 1920s, but it became the sound of the 70s on record sleeves and shop signs. Fat, soft, impossible to mistake. - **ITC Avant Garde Gothic**: a geometric sans released in 1970, famous for its tight, overlapping capital pairs in headlines. - **ITC Benguiat** and **Souvenir**: swashy, bouncy serifs that feel like paperback covers and sitcom titles. - **Windsor**: an Edwardian serif with slanted, heavy curves that came back in the 70s and stayed familiar from film titles. Free alternatives: **Fraunces** is a variable serif inspired by those soft early display faces, with a "wonky" axis that adds the bounce; **Shrikhand** is heavy and playful; **Bagel Fat One** gives you the rounded, inflated feel. Set them in a warm palette and the decade arrives on its own; [retro colour palettes](https://gradiently.design/guide/retro-color-palettes) has more to choose from. - Walnut: #3d2314 - Burnt orange: #9a4a1c - Harvest gold: #d98a2b - Avocado: #6b7a2e - Cream: #f3e3c3 A 70s palette to set a soft serif in. Cream type on walnut or burnt orange gives strong contrast and keeps the warmth. ## 80s fonts: chrome, neon and pixels The 1980s split in two directions. One was the future as seen from a cassette deck: wide, squared sans faces, chrome gradients, horizontal speed lines and neon tubes. The other was the screen itself, where letters were built from the few pixels a home computer or arcade cabinet could show. - **Eurostile** and **Microgramma**: squared, wide sans faces from the 1950s and 60s that became a staple of anything high tech in the 80s. - **ITC Machine** and heavy stencil faces: the blocky, industrial side of the look. - **Pixel and bitmap type**: the fonts of arcade machines and early computers, where every letter sits on a grid. Free alternatives: **Audiowide** and **Orbitron** for the techno wide look, **Monoton** for neon inline lettering, **Press Start 2P**, based on arcade fonts of the period, and **VT323**, modelled on a classic terminal (more in [monospace fonts](https://gradiently.design/guide/monospace-fonts)). Pixel fonts only look right at sizes that are whole multiples of their grid, so scale them up in clean steps rather than to an arbitrary size. - Chrome horizon: `linear-gradient(180deg, #0b1b3f 0%, #1e3a8a 48%, #f0abfc 50%, #fdf4ff 52%, #1e1b4b 100%)` - Synth sunset: `linear-gradient(180deg, #120428 0%, #4c1d95 45%, #db2777 75%, #fb923c 100%)` - Neon on black: `radial-gradient(circle at 50% 40%, #22d3ee 0%, #0e7490 30%, #020617 70%)` Three 80s grounds. The chrome horizon has a hard bright band in the middle, which is the trick behind chrome lettering. ## 90s fonts: grunge, rave and the first web fonts The 1990s gave type a rougher edge. Desktop publishing put font software in everyone's hands, and magazines and music posters answered with distressed, layered, deliberately broken lettering. At the same time, the web needed faces that worked on low resolution screens, and that produced some of the most used typefaces ever made. - **Grunge and distressed faces**: photocopied, eroded and overprinted letters from music magazines and flyers. - **Rave and club type**: stretched, techno and bubble letters on flyers for nights out. - **Verdana** and **Georgia**: designed by Matthew Carter for screens in the mid 90s, with big lowercase letters and open spacing. - **Comic Sans**: released in 1994 and still one of the most argued about fonts ever made. - **Trajan**: a classical capitals face from 1989 that went on to title a great many film posters. Free alternatives: **Rubik Glitch** and **Rubik Wet Paint** for a broken edge, **Space Mono** for a slightly technical, zine feel, and **Bungee** for loud signage type. For a 90s web nostalgia look, simply using a screen serif in bright blue underlined links, on a grey ground, is often enough. | Decade | Defining faces | Free Google Fonts | Best for | | --- | --- | --- | --- | | 1970s | Cooper Black, Avant Garde, Souvenir | Fraunces, Shrikhand, Bagel Fat One | Cafés, records, bakeries, vintage shops | | 1980s | Eurostile, Microgramma, pixel type | Audiowide, Orbitron, Monoton, Press Start 2P | Gaming, music nights, tech launches | | 1990s | Grunge faces, Verdana, Trajan | Rubik Glitch, Space Mono, Bungee | Fashion drops, zines, streetwear | A quick map. Most are under the SIL Open Font License, but read each font's licence on its Google Fonts page. [Free fonts for commercial use](https://gradiently.design/guide/free-commercial-fonts) explains what to check. ## How to use retro fonts without it looking like fancy dress A whole design in a period face reads as a costume. One period word in a modern layout reads as taste. The difference is almost always restraint. 1. **Use the retro face for the headline only** Two to five words, large. Retro display faces are drawn for size and fall apart in sentences. 2. **Pair it with a quiet modern sans** Details, dates and prices go in a plain sans. The contrast makes the retro face look deliberate. [Font pairing](https://gradiently.design/guide/font-pairing) has reliable combinations. 3. **Borrow the decade's colour, not just its letters** A 70s serif in a cold blue on white looks confused. Put it on warm browns and gold and it suddenly makes sense. 4. **Space it the way the period did** 70s headlines were set tight; 80s techno faces were tracked wide. Matching the spacing does more than any effect. [Letter spacing](https://gradiently.design/guide/letter-spacing) shows how. 5. **Add one treatment at most** An extrusion or a misregistered second colour finishes the look. Two treatments on one word is where it tips into parody. A portrait social post with the single word Groovy set large over a warm gradient, with small details below The 70s rule in practice: one short, warm word as the headline, plain details underneath. A vertical story announcing an arcade night over a dark gradient, with the date and details in small type An 80s night on a dark, glowing ground: a short headline for the display face, details kept plain. ## Retro fonts on social posts and brands Retro type earns its place when the business genuinely has a link to the period: a vinyl shop, a diner, a vintage clothing seller, a band. For everyone else it works best as a campaign voice, used for one season or one launch, rather than as the permanent brand face. If you are choosing a typeface for the long term, read [brand fonts](https://gradiently.design/guide/brand-fonts) first. On a phone, retro display faces need more size than a clean sans, because their detail is what makes them retro and detail is the first thing a small screen loses. Give them a little more than the usual [font size for social posts](https://gradiently.design/guide/font-size-for-social-media), 100 px or more for a headline on a 1080 px wide post, and check the post at real size on your phone before you publish. In Gradiently, the brand kit (part of Pro) holds a heading and a body font, and you can upload your own font files, so a retro headline face and a modern body face stay paired on every design. The Lettering treatments, such as Extrude, Double and Riso, add the period finish without any layer tricks, and each Mark keeps the words readable by calming the area behind them. ## FAQ ### What font was used in the 70s? Cooper Black, ITC Avant Garde Gothic, Souvenir and ITC Benguiat are the faces most associated with the 1970s. Fraunces and Shrikhand are free alternatives with a similar feel. ### What are good 80s fonts on Google Fonts? Audiowide and Orbitron for wide techno lettering, Monoton for neon inline type, and Press Start 2P or VT323 for pixel and terminal styles. ### Can I use retro Google Fonts commercially? Most Google Fonts are released under the SIL Open Font License, which allows commercial use in designs, logos and websites but not selling the font files on their own. Read the licence listed on each font's page before you rely on it. ### What font pairs well with a retro font? A plain, modern sans serif for details and body text. The quiet sans lets the retro headline read as a deliberate choice.