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.
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.
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.
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.
ITC Johnston (famous for its use in the London Underground) is set exclusively in caps and looks great paired with Caslon.
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.
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.
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.
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.
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.
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.
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.