Johnston100: The voice of London gets a tune up

Published:  June 21, 2016

It’s a singular proof of good design for a system to still be in use after a century and, in the year of its 100th birthday, Transport for London’s (TFL) Johnston typeface shows few signs of wear and tear.

What calligrapher Edward Johnston couldn’t have foreseen back in 1916 is the expansion of use cases required of fonts in the 21st century. But Johnston is not going away any time soon. It’s just being freshened up a little. The team behind the refresh hope it’s seen as an evolution of the design and a new chapter in the story and the history of a unique typeface.

“We like to see our branding and our signage almost as an invisible member of staff,” says Jon Hunter, head of design at TFL. “We know it works because we get very few complaints about our signage. That’s driven by the size of the font, the use the font and the colours. It just works very naturally.”

TFL briefed Monotype to bring the typeface into the 21st century – complete with ‘#’ and ‘@’ symbols.  The last time it was updated was due to changes in printing technology 25 years ago, creating New Johnston.

“We felt we’d take the opportunity [of the centenary] to ensure that the front was fit for purpose and works on all devices and applications. The original brief to Monotype was to go back to the original principles of Johnston to reflect on the way the font is now, to see what we might have lost in its hundred-year journey,” Hunter says in a video released by Monotype interviewing key players in the project.

Old versus new: Mind the gap

Old versus new: Mind the gap

Old versus new: Mind the gap overlayed

Old versus new: Mind the gap overlayed

Old (grey) versus new (blue): comparing lowercase g

Old (grey) versus new (blue): comparing lowercase g

“It’s like you have someone with you holding your hand along the way,” says Nadine Chahine, UK type director at Monotype. “Because that typeface and that design language sets itself apart from everything else, all the chaos around it. Only Johnston and the red and the blue is calling to you. It really is the voice of London.”

“There was a specific request regarding certain characters like the hashtag – 100 years ago Johnston didn’t have that. But there was something very important that was more holistic. TFL had felt that, over time, part of the original soul had somehow slipped through all these decades and and they wanted to bring it back.”

One important addition was a thin weight, eventually adding a hairline weight too.

Johnston100 weights

Johnston100 weights

It was also important to preserve and further define the typeface’s quirkiness. The tittle above the lowercase ‘i’ and ‘j’, as well as under the exclamation mark was always a rhombus.

“This was a little bit of a provocation,” says Chahine. “The top of the ‘i’ is always either a circle or square, never a rhombus.”

In the original typeface, the dots for periods and colons were the more conventional square shape. Over time, however, they’d become square – something the team decided to retain for good because it has become a signature of the typeface.

Period full stop in use

Full stop in use

Original dot usage

Original dot usage

In 1916, under the direction of Frank Pick, calligrapher Edward Johnston became the eponymous hero of the London Underground’s first network-wide typography system. Until that point, each line had used different signage and typography. Johnston removed the serifs to create a readable, simple and reassuring font for the travelling public.

Chahine calls the original Johnston ‘a work of art’. It’s hard now to imagine how innovative it was at it’s time. “Now we take it for granted,” she says. “We understand that this is a great typeface, but it was an even greater typeface when it was first designed because nobody had done this kind of design before.

“But at the same time it was very well used by TFL, and if you look at the various ways they have used it over the years whether it in the posters and the signage and the communication, there has always been that focus on good typography. There are very few typefaces that exists that have that kind of stature. It’s a classic.”

The first step in the project was to study the historical sources, says Malou Verlomme, type designer at Monotype. “We started by comparing proportions and all sort of typographical details. What was interesting, also, was to to see some of the posters from Johnston’s time because you can see how the typeface was used and you can see the environment and feel of the time,” he says.

Edward Johnston's hand drawn original

Edward Johnston’s hand drawn original

Chahine says they wanted to return to a slightly wider design to bring back more luxury of space. Wider capitals, especially the ‘U’. Verlomme credits the fact that Johnston was a calligrapher rather than a pure type designer with infusing the typeface’s specific flavour.

This flavour linked up with the lifestyle angle and enjoyment of public transport that is no longer present. “The posters would talk about how it can connect you to this festival or to this event. Today this is not the case,” she says. “That joy of taking the Tube seems to have disappeared.”

It’s going to be difficult making public transport a joy again, but at least with an effective and efficient signage system it can be as painless as possible.

The introduction of the new font will take place later on in 2016 as new stations are opened, such as the Elizabeth line from Reading and Heathrow to Shenfield and Abbey Wood.

“I’m quite the anxious seeing how it performs in real life,” says Verlomme. “That is what makes a good typeface.”



Leave a Reply

Your email address will not be published. Required fields are marked *