--- layout: default --- {% assign typeface = site.typefaces | where: 'name', page.name | first %} {% assign text = site.data.text %}

{{ typeface.name }}

by {{ typeface.creator.name }}

{% unless typeface.g_fonts_url == nil %} Embed using Google Fonts {% endunless %} Download {{ typeface.latest_release.version }} ({{ typeface.latest_release.date }})
{% include sample.html %}
{% for weight in typeface.weights %}

{{ weight.name }}

{% unless typeface.italic == nil %}

Italic

{% endunless %}

{{ weight.weight }}

{% endfor %}

Description

{{ typeface.description }}

Designed by

{{ typeface.creator.name }}

Category

{{ typeface.category }}

No. of styles

{{ typeface.styles }}

{% unless typeface.family_faces == nil %}

Other faces in family

{% endunless %}

Characters

Explore all characters
{% include characters.html %}

Words

{% for i in (0..5) %}

{{ text.words[i] }}

{% endfor %}

Headlines

{% for weight in typeface.weights %}

{{ text.headlines[forloop.index0] }}

{{ weight.weight }}

{% endfor %}
{% if typeface.italic == true %} {% assign second_headline_type = 'italic' %} {% else %} {% assign second_headline_type = 'uppercase' %} {% endif %}

{{ second_headline_type | capitalize }} Headlines

{% for weight in typeface.weights %}

{{ text.headlines[forloop.index0] }}

{{ weight.weight }}

{% endfor %}
{% unless typeface.category == 'Display' %} {% if typeface.italic == true %}{% assign i = 0 %}{% else %}{% assign i = 1 %}{% endif %}

Paragraphs

font-weight: 400

{{ text.paragraphs[i] }}

{{ text.paragraphs[i] }}

{{ text.paragraphs[i] }}

{{ text.paragraphs[i] }}

{{ text.paragraphs[i] }}

{% endunless %} {% unless typeface.smallcap == nil %}

Smallcap headlines

font-feature-settings: 'smcp';

{% for weight in typeface.weights %}

{{ text.headlines[forloop.index0] }}

{{ weight.weight }}

{% endfor %}
{% endunless %} {{ content }}
{% unless typeface.comparison_faces.size == nil %}

{{ typeface.name }} compared with other typefaces

{% include typeface-comparison.html %}
{% endunless %} {% assign pairings = site.pairings | where: 'typefaces', typeface.name %} {% unless pairings.size == 0 %}

Recommended Pairings for {{ page.title }}

{% for pairing in pairings %} {% include pairing-sample.html %} {% endfor %}
{% endunless %}