---
permalink: /pairings/
title: Recommended Typeface Pairings
description: See beautiful examples of recommended pairings using only free & open-source fonts.
body-class: pairings
---

<div class='samples grid'>
  <div class='gr1 gc12 page-header center'>
    <h1>Recommended Typeface Pairings</h1>
  </div>

  {% assign latest_pairings = site.pairings | sort: 'date_added' | reverse %}

  {% for pairing in latest_pairings %}
    {% include pairing-sample.html %}
  {% endfor %}
</div>