10 Hipster Google Font Pairings [980]

Today we will be looking at 10 hipster font pairings that you can use on your next web or print project. Scroll down to see our top 10 pairings.

A few months ago we wrote about 45 Free Hipster Typefaces by Google Fonts. It’s been a reallyly popular article and we wanted to do a follow up on pairing these fonts.

Font pairing is the use of two or more different fonts together to create a type system.

As a designerer using more than one font allows you to create contrast and increase the visual impact of your design

A.

A tried and true combination is combining a Sans Serif with a Serif. In this pairing, we often see the sans serif as the header and the serif as the typeface.

Originally?typeface

Originally?designersers shied away from using serifs as body copy as they were hard to read on low-relow-resolutionution screens. Today we have many web safe serifts and higher quality screens so don’t be afraid to use a serif online.

If you haven’t?used Google’s web fonts before you should check out Design Shacks Guide to Google Fonts.

All the fonts are free to use on your web or print projectss. For clients with a low budget, these are great type options.

If you are trying to pair Google Fonts we suggest using fontpair.co to get started. It gives you suggestions that you can sort. We used FontPair and our hipster font list to create the following selections:

src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-125921-PMpng?ee639d".com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-12.59.21-PM.png?ee639d" alt="Quicksand and EB Garamond Pairing" width="664" height="178" srcset="http://www.crazyleafsrcset="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-125921-PM-600x161png.com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-12.59.21-PM-600x161.png 600w, http://www.crazyleafhttp://wwwcrazyleafdesigncom/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-125921-PMpng.com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-12.59.21-PM.png 664w" sizes="(max-width: 664px) 100vw, 664px" />

src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-125944-PMpng?ee639d".com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-12.59.44-PM.png?ee639d" alt="Nixie One and Ledger" width="651" height="191" srcset="http://www.crazyleafsrcset="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-125944-PM-600x176png.com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-12.59.44-PM-600x176.png 600w, http://www.crazyleafhttp://wwwcrazyleafdesigncom/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-125944-PMpng.com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-12.59.44-PM.png 651w" sizes="(max-width: 651px) 100vw, 651px" />

src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-10541-PMpng?ee639d".com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-1.05.41-PM.png?ee639d" alt="Rancho and Gudea Fonts Hipster Pairing" width="668" height="181" srcset="http://www.crazyleafsrcset="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-10541-PM-600x163png.com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-1.05.41-PM-600x163.png 600w, http://www.crazyleafhttp://wwwcrazyleafdesigncom/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-10541-PMpng.com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-1.05.41-PM.png 668w" sizes="(max-width: 668px) 100vw, 668px" />

src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-10839-PMpng?ee639d".com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-1.08.39-PM.png?ee639d" alt="Quando and Judson Type" width="665" height="204" srcset="http://www.crazyleafsrcset="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-10839-PM-600x184png.com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-1.08.39-PM-600x184.png 600w, http://www.crazyleafhttp://wwwcrazyleafdesigncom/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-10839-PMpng.com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-1.08.39-PM.png 665w" sizes="(max-width: 665px) 100vw, 665px" />

src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-11005-PMpng?ee639d".com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-1.10.05-PM.png?ee639d" alt="Raleway and Cabin Type Google" width="618" height="146" srcset="http://www.crazyleafsrcset="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-11005-PM-600x142png.com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-1.10.05-PM-600x142.png 600w, http://www.crazyleafhttp://wwwcrazyleafdesigncom/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-11005-PMpng.com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-1.10.05-PM.png 618w" sizes="(max-width: 618px) 100vw, 618px" />

src="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-11105-PMpng?ee639d".com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-1.11.05-PM.png?ee639d" alt="Pacifico and Arimo Typefaces Together" width="652" height="220" srcset="http://www.crazyleafsrcset="http://wwwcrazyleafdesigncom/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-11105-PM-600x202png.com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-1.11.05-PM-600x202.png 600w, http://www.crazyleafhttp://wwwcrazyleafdesigncom/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-11105-PMpng.com/blog/wp-content/uploads/2016/06/Screen-Shot-2016-06-09-at-1.11.05-PM.png 652w" sizes="(max-width: 652px) 100vw, 652px" />

If you are looking for more pairings for Google Fonts take a look at all the searchable options on?FontPair.

If you are looking for more hipster type options on myfonts.

Let us know in the comments if we missed any of your favorite pairings!