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>