Today, type is getting more attention than ever before on the Web. What was once a barren wasteland of typographic creativity, dominated by a few overused gems and the likes of Comic Sans, is quickly growing into something that could even make a print designer jealous.
We’re on the cusp of the golden age of Web typography, and now’s better time than ever to start embracing the originality that surrounds our written language.
Tons of tools exist to bring typography to the Web, and CSS’s own @font-face class is all many people need, but in order to avoid licensing issues while having tons of choices at your fingertips, a subscription service may be best for you. Typekit, of which I’m a subscriber, has turned out to be much more than a pile of available fonts, and after some digging I came across a curated list of typefaces that are worth a look for newbies and pros alike:
Alternatives to Helvetica
Helvetica is an iconic font that deserves the attention it gets. That said, it’s not good enough to avoid every other option out there, which is why this list of alternatives to Helvetica is worth some attention. You’ll notice Proxima Nova half way down, which is actually our body font here on TNW.
Alternatives to Georgia
As Typekit describes, “Matthew Carter’s excellent serif, Georgia, has been the web designers’ go-to paragraph font for years. But a wealth of new options await.” I’m all over FF Meta Serif, by Erik Spiekermann, Christian Schwartz and Kris Sowersby.
Light Faces
When I first picked up Photoshop, Helvetica Neue Ultra Light was my go-to light typeface. This list features the likes of Futura (my favorite), Brandon Grotesque and Mostra Nuova. As for Typekit’s own advice, the team says “these delicate faces work best when set large; pair them with a contrasting paragraph font for added impact.”
Typekit’s comment on Lists:
Lists have been created by Typekit staff and feature an editorialized means of browsing. Each list features fonts organized by theme (sci-fi or typewriter fonts), intended use (good for longform, alternatives to Helvetica), or defining characteristic (rounded fonts, fat faces). Think of them as a good place to start when you aren’t quite sure what font you’re after.
Whether or not you’re a subscriber of the font service, Typekit’s Lists are a valuable tool for growing your understanding of typography; online and offline. There are plenty of other collections to enjoy, including condensed headline fonts, fat faces and long form. Check them out via the link below and let us know your favorite resources for typography in the comments!
Visit our full Design and Dev channel for more inspiration. Also, you can exclusively view typography articles here.
Get the TNW newsletter
Get the most important tech news in your inbox each week.