Full stack web developer, interested in all the things, but especially the web, code, design, Linux, OS X, PHP, WordPress, JavaScript & robots.

Tagged: typography

Transport New Web Font

A mockup of a road sign using the Transport New font.

Web font || webfont? Either way, this site is now using the Transport New font. The process of picking a font for this site probably took longer than it needed to, but I wanted to choose something a bit different. I knew I didn’t want to use a font from the Google Fonts service, every man and his dog uses those, but I wasn’t too sure where else to look. With this in mind, I decided that I’d just wait until I found something I really liked.

So, the other day I was researching fonts for a project at work and I came across Transport New, and I instantly knew that I wanted to use it. The font is a redrawing of the typeface (New Transport) designed for British road signs and it was created by K-Type, a small, independent type foundry based in Manchester, England.

The font cost just £12 with a commercial license, which permits @font-face use without any pageview limitations. The download only contained TTF and OTF versions, so I headed over to Font Squirrel and used their excellent generator service to create a webfont kit. I’m really pleased with how it looks on this site, I think it’s rather spiffy.

P.S. The only issue with using the font on this site is that I’ve had to add it to my WordPress theme’s .gitignore file, so that I don’t illegally distribute it via the theme’s GitHub repo.

UPDATE 2016-01-16: The webfont lasted less than 48 hours on this site. I wasn’t entirely happy with its weight (it was a little too heavy), so I removed it. Oh well, the search goes on.

Transport New, Typeface image/svg+xml

Transport New is a redrawing of the typeface designed for British road signs. In addition to the familiar Heavy and Medium weights, the K-Type family includes the previously unreleased Light weight originally planned for back-lit signage but never actually applied.

Not to be confused with New Transport, this is a very similar font, but at just £12 for the entire family (as opposed to £1000 for New Transport), an awful lot cheaper. I’ll be purchasing this one.

New Transport, Typeface image/svg+xml

New Transport is a digital adaption of Transport lettering originally designed by Jock Kinneir & Margaret Calvert in the 1960s; specifically for use on the United Kingdom’s new motorways (followed by the all-purpose roads). With minor modifications, it is still in use today.

I love this typeface and think it is quintessentially English. The only problem is, it’s not cheap, the family of 12 fonts will set you back a cool £1000. Blimey.

P.S. In case you are not aware, this is the same font as used by GOV.UK, the UK Government website.

Canva’s Ultimate Guide to Font Pairing image/svg+xml

Whether you know it or not, different font combinations create different styles for your designs. There’s a science to applying a heading, subheading and body copy to suit the type of content you’re producing and the message or tone of your brand.

To give you a leg up, we’ve put together 30 unique font pairings (with tips and additional techniques) to help you determine what font pairing best suits the design or content you’re creating.

A nice guide to font pairing with some stylish examples.