Interested in Web Fonts?
I have another article of amazing web font pairings as well! Click here to check it out!
Contrast and CollaborationGraphic designers generally agree that your different fonts should have an element of contrast (i.e. pairing a Sans Serif font with a Serif font) as well as a sense of collaboration-you want your two pieces of type to complement each other and “get along” rather than clash. Things like style, flow, width, kerning, thickness, and more can all be attributes that help two different fonts pair nicely with a healthy amount of contrast and collaboration.
Free Fonts BelowThese fonts are all available (as of the moment I published this post) for free! There are download links below each font pairing example. Let’s get started!
Acknowledgments:Just some awesome people to mention before we get started… Quotes by the insanely cool, QuotesOnDesign.com » Backgrounds for these fonts provided in the sweet background pack available for free at Line25 » Also, double check to make sure any free fonts you download are available for commercial use. Let’s be cool to all the hard working-yet starving-artists out there, guys!
1. Raleway (Thin) & Latin Modern Roman (Slanted)
Latin Modern Roman Download Link » –
2. Alfa Slab One & Lora
Lora Download Link » –
3. Nevis & Times New Roman (Italic)Times New Roman Download Link » –
4. Dalle & District (Thin)District Download Link » –
5. Ballpark & CentaurCentaur Download Link » –
6. Helvetica Neue & CallunaCalluna Download Link » –
7. Aquiline Two & GaramondGaramond Download Link » –
8. League Gothic & EnglishEnglish Download Link » –
9. Novecento Wide (Bold) & News CycleNews Cycle Download Link » –
10. Limelight & Birch StdBirch Std Download Link » –
11. Amatic & JournalJournal Download Link » –
12. Citizen Slab & Five MinutesFive Minutes Download Link » –
13. Six Caps & DaunPenhDaunPenh Download Link » –
14. Ostrich (Bold) & Cicle (Fina)Cicle Download Link » –
15. Bebas & Lora (Italic)Lora Download Link » –
16. Bodoni MT & Josefin Sans StdJosefin Sans Std Download Link » –
17. Perforama & Quicksand
Perforama Download Link » (Follow download link. Fill out CAPTCHA. Press green button below CAPTCHA to download.)Quicksand Download Link » –