Why three typefaces rule the web, and what you can do about it

Design Systems expert Nathan Curtis* tweeted this the other day:

This got me thinking – anecdotally, those three typefaces have been the ones primarily used on every project that I’ve worked on for maybe the last four or five years. This very blog is (currently) set in Source Sans Pro. It’s impossible to compile statistics on this (or is it?), but it his statement rings true in my experience.

Why do those three typefaces – Proxima Nova, Open Sans, our Source Sans Pro – seem to rule the web? What are there any pitfalls of using them? What do they have in common? What should we look for in alternatives? What are some example alternatives we can consider?

Read MoreLeave a comment

How to structure your typography in Sass

I’ve always been focused on strong typography when it comes to design. As I’ve evolved into a front end developer, I still focus a lot on the typography of a project. As I’ve written about before, if the design is up to me, I even start with setting the paragraph.

However, what can you do to set yourself up for success when it comes to coding a design and it’s typography? I’ve done this – a lot – and I’ve come to some conclusions.

Read More8 Comments