04-fonts.mustache

<div class="space-y-12">
  <div>
    <p class="font-body">Primary font: "Roboto", "Helvetica", "Arial", sans-serif;</p>
    <p class="font-body"><em>Primary font italic: "Roboto", "Helvetica", "Arial", sans-serif;</em></p>
    <p class="font-body font-light">Primary font light: "Roboto", "Helvetica", "Arial", sans-serif;</p>
    <p class="font-body font-medium">Primary font medium: "Roboto", "Helvetica", "Arial", sans-serif;</p>
    <p class="font-body font-bold">Primary font bold: "Roboto", "Helvetica", "Arial", sans-serif;</p>
  </div>

  <div>
    <p class="font-condensed">Condensed font: "Roboto Condensed", "Helvetica", "Arial", sans-serif;</p>
    <p class="font-condensed"><em>Condensed font italic: "Roboto", "Helvetica", "Arial", sans-serif;</em></p>
    <p class="font-condensed font-light">Condensed font light: "Roboto", "Helvetica", "Arial", sans-serif;</p>
    <p class="font-condensed font-bold">Condensed font bold: "Roboto", "Helvetica", "Arial", sans-serif;</p>
  </div>

  <div>
    <p class="font-alt">Alternate font: "Bebas Neue", "Helvetica", "Arial", sans-serif;</p>
    <p class="font-alt font-bold">Alternate font bold: "Bebas Neue", "Helvetica", "Arial", sans-serif;</p>
  </div>
</div>