Search

Modern Font Stacks

Just a little appreciation for Dan Klammer’s Modern Font Stacks project. Not loading any custom fonts doesn’t need to mean being relegated to the Helvetica/Arial hole, system fonts (even though I do kinda love San Francisco), or some bummer typeface you feel pushed into.

I particularly like the Geometric Humanist stack:

font-family: Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif;Code language: CSS (css)

Look at how nicely it renders across all the different major operating systems:

It’s also impressive to me that all the major operating systems ship some sort of handwriting font that is half decent.

Wanna be a better web typographer?

Frontend Masters logo

It was once famously said that the web is 95% typography. You can't be a web designer and ignore type! We have an in-depth course on web typography from Jason Pamental getting into things like responsive styles, variable fonts, font loading, and more.

Leave a Reply

Your email address will not be published. Required fields are marked *

Frontend Masters ❤️ Open Source

Did you know? Frontend Masters Donates to open source projects. $313,806 contributed to date.