Free CSS Font Stacks

Combining two fonts which compliment each other can sometimes be a tricky task, there is often a lot of trial and error involved and studying the minute details of multiple typefaces. We want to take some of the stress out of this aspect of your design by providing you with 20 ready to use font stacks.

These font stacks go beyond merely pairing two complimentary typefaces together, they include font sizes, margins and colors for all of the most common typography HTML elements (<h1-6>, <p>, <blockquote>, <mark>, <small> etc.). 

Each carefully selected font stack is provided as a barebones .css file which you can include into your projects. Check out the live demo and download them for free.

All of the fonts used are completely free and available via Google Fonts.

More font pairings

View our post 10 Exquisite Font Pairings and Why They Work so Well for more examples and explanations of what makes them work so well