Retro fonts: history, examples, and modern interpretation pt. 1

Curious about the diverse world of nostalgic fonts? Keep reading to explore typography from the early to mid-XX century.

This is the first part of the story.

To read the second one, click here. Also, check out our quick note on really old fonts from XV to XIX centuries on Medium.

Here, we’ll discuss what retro and vintage mean. We also examine the fonts made before the year 1960 and those influenced by them. We’ll go through them decade by decade to see which fonts were created in each era and how they influenced modern typography.

Chronology

• 1900s — clean and straightforward fonts
• 1910s — bold geometry
• 1920s — art deco and bauhaus
• 1930s — unadorned and straightforward
• 1940s — minimalism and clean geometry
• 1950s — the Golden Age of Capitalism

Retro vs. vintage vs. old school

These three terms are similar, but there is a slight difference between them.

Retro. In general, retro is more about the aesthetic. Retro things can be old or new but retro-inspired — what makes them retro is the vibe. They look like things from the past that have a long history.

Vintage. This term is commonly used to describe something genuine, collectible, and often more expensive. The best value of vintage items is their background and condition. The less wear and tear an item has, the more precious it is.

Old school. Old school refers to things that were popular in the past but are not necessarily cool today. It can also refer to fashion, music, or even the way things were done in the past as a whole, such as old-school teaching methods or sports techniques.

What makes a font retro

In fact, you can find a bit of retro in any font. After all, typographers never reinvent the wheel when creating new typefaces. But usually, we can say a font is retro if it has at least one of the characteristics:

• It was actually designed in the past. If it dates back to the 20th century or earlier, it’s technically retro.
• Its design is influenced by a particular style of the past. If it directly references, say, the Art Nouveau designs, it has every right to be called retro.
• In an ironic way, some fonts are called retro when they become overused and a bit outdated.

1900s — clean and straightforward fonts

Influenced by industrialization, typographers slowly started to move away from decorative fonts.

1910s — bold geometry

Cubism, futurism, and constructivism made clean, readable, unembellished sans serifs popular.

1920s

Chic and fancy Art Deco

Chunky or light, Art Deco fonts always had a bougie vibe. The fat face fonts often had extra thin lines to balance out the heavier elements.

Flat and minimal Bauhaus

Minimalism, simple forms, flat shapes, and bold lines were the defining features of this style that transferred to typography.

1930s — unadorned and straightforward

The 1930s were a dark period in history: unstable, chaotic, violent, and intense. It was marked by the Great Depression and World War II. Political posters became one of the most prominent forms of expression in graphic design in that era.

1940s — minimalism and clean geometry

In this era, the International Typographic Style, which prioritized objectivity and simplicity over everything else, was in full bloom.

Visual pairing

For such sleek typography, mind your visual also to be quite neat. The best match for fonts from this era is lively but minimalistic graphics. Check out how great Weekday illustration works with Anton font and Trade Gothic font in the example below:

1950s — the Golden Age of Capitalism

Globalization made branding one of the main focal points in graphic design. Logos, product packaging, and marketing posters required unique yet impeccably legible typefaces that would stand out. This period was fruitful for unsophisticated, International Typographic Style-inspired fonts and decorative typefaces.

The irony here is that the queen of 50s typography—Helvetica—ruled the digital design world for quite a long time and is now slowly being replaced by another “universal” font: Inter. And it is definitely a modern one that was inspired by Helvetica. Inter is known for its flexibility. It is the variable font. You can literally pull the sliders to adjust the line thickness or the slant level.

Pro tip:

Match variable fonts with variable icons. Icons like that have a wider range of line thickness options. So whichever weight you set for the Inter font, you can always create a good pair of it with the icon. Forma icons + Inter font = perfect match!

To be continued

So, we went through the first half of the XX century here. To continue learning about the history of fonts, read part 2.