The Best Typography-Based Sites of April 2014

May 1, 2014

This is the third installment of my new monthly feature on Type & Grids where I pick my favorite type-driven websites from the previous month and then write a little about the typographic details behind the design. You can check out last month’s post for March here.

Playground Paris

Playground Paris

Seventies-style chunky serifs such as Caslon Graphique seem to be pretty popular as of late. High-contrast fonts like these need to be used at a large size to be legible like on Playground Paris’s site.

Check out other sites using the fonts Caslon Graphique and URW Grotesk on Typewolf.

Where to get Caslon Graphique →

Where to get URW Grotesk →


Roald Dahl

Roald Dahl

Libre Baskerville is one of the highest-quality free serifs available and it looks elegant on the Roald Dahl site. However, it would look even more elegant to see proper apostrophes used rather than straight quotes.

Check out other sites using the font Libre Baskerville on Typewolf.

Where to get Libre Baskerville →


Vox

Vox

Mixing two sans-serifs doesn’t always work but Vox seems to pull it off pretty well. They stick to Balto for all their headlines and then use Alright Sans for body copy. The serif Harriet is interspersed throughout as well.

Check out other sites using the fonts Harriet, Balto and Alright Sans on Typewolf.

Where to get Harriet →

Where to get Balto →

Where to get Alright Sans →


Firmamento

Firmamento

ITC Johnston (famous for its use in the London Underground) is set exclusively in caps and looks great paired with Caslon.

Check out other sites using the fonts ITC Johnston and Caslon on Typewolf.

Where to get ITC Johnston →

Where to get Caslon →


Newswordy

Newswordy

This is the first time I’ve seen Standard CT used on the web and I really dig it. However, I would have loved to see the entire site set with Standard CT rather than being combined with Helvetica Neue.

Check out other sites using the fonts Standard CT and Helvetica Neue on Typewolf.

Where to get Standard CT →


Not Coming

Not Coming 2013 In Review

I think using the calligraphic-inspired Ogg with the quirky grotesque Maple is such an interesting and unusual combination. The body copy serif Elena seems to provide a sturdy foundation and works to anchor the other two fonts together.

Check out other sites using the fonts Ogg, Maple and Elena on Typewolf.

Where to get Ogg →

Where to get Maple →

Where to get Elena →


Co.Exist

Co.Exist

Grumpy is another seventies-style chunky serif that works great at large sizes, like on the headlines on the Co.Exist site. Caslon accompanies it, which makes sense as Grumpy is based off of the ultra bold styles of Caslon.

Check out other sites using the fonts Grumpy, Caslon and Museo Sans on Typewolf.

Where to get Grumpy →

Where to get Caslon →

Where to get Museo Sans →


Cameron Askin

Cameron Askin

I love sturdy calligraphic-inspired typefaces like Lapture. I think they work so well just set at a large size against a flat color like on Cameron Askin’s site.

Check out other sites using the font Lapture on Typewolf.

Where to get Lapture →


Mr Marcel School

Mr Marcel School

This design looks straight out of Wes Anderson’s playbook but instead of Futura it’s using Sofia. The improper use of apostrophes and double quotes jumps out at me but other than that I really love this site.

Check out other sites using the font Sofia on Typewolf.

Where to get Sofia →


Harvard Law Review

Harvard Law Review

The Harvard Law Review site makes excellent use of Hoefler & Co’s Cloud.typography service, using Hoefler Titling paired with Whitney. The type looks gorgeous on this site. However, it would have been great to see them go all out and use Hoefler Text for the body copy rather than Georgia.

Check out other sites using the fonts Hoefler Titling, Whitney and Georgia on Typewolf.

Where to get Hoefler Titling →

Where to get Whitney →


Keep Up With the Latest in Web Typography

If you enjoyed this post then you’ll probably really like Typewolf, my other side project. Typewolf features the best type-centric designs from around the web with the web fonts identified. It’s an excellent resource to check out the next time you need to choose a typeface for your next web project. You can follow Typewolf on Twitter and Tumblr or sign up to receive a weekly email summary.

Typewolf




follow us in feedly

Filed Under: typography

← Blog Home

blog comments powered by Disqus