Type

Custom fonts are loaded via JavaScript provided by fonts.com.

$font-primary

Roboto Condensed Regular

$font-secondary

Crimson Text

$font-tertiary

Oswald Light
Oswald Medium

$font-fourth

HEROIC CONDENSED BOOK
HEROIC CONDENSED HEAVY

$font-fifth

Sentinel Book
Markup Details
                            <h2 class="kss-type-name">$font-primary</h2>
<div class="kss-type-wrapper" style="font: 36px/2 'Roboto Condensed'">Roboto Condensed Regular</div>
<h2 class="kss-type-name">$font-secondary</h2>
<div class="kss-type-wrapper" style="font: 36px/2 'Crimson Text'">Crimson Text</div>
<h2 class="kss-type-name">$font-tertiary</h2>
<div style="font: 300 36px/2 'Oswald'">Oswald Light</div>
<div class="kss-type-wrapper" style="font: 500 36px/2 'Oswald'">Oswald Medium</div>
<h2 class="kss-type-name">$font-fourth</h2>
<div style="font: normal 36px/2 'HeroicBook'">HEROIC CONDENSED BOOK</div>
<div class="kss-type-wrapper" style="font: bold 36px/2 'HeroicHeavy'">HEROIC CONDENSED HEAVY</div>
<h2 class="kss-type-name">$font-fifth</h2>
<div class="kss-type-wrapper" style="font: 36px/2 'SentinelBook'">Sentinel Book</div>