4.4.2 #Style.typography.headingsGFB Headings GFB

Heading elements <h1> <h6>. All heading elements have their default margins set to 0.

Browser support: IE9+, Safari6+, Firefox30+, Chrome30+

The quick brown fox jumps over the lazy dog

Subtitle - 1 The quick brown fox jumps over the lazy dog

Subtitle - 2 The quick brown fox jumps over the lazy dog

Overline - The quick brown fox jumps over the lazy dog

Caption - The quick brown fox jumps over the lazy dog

Body1 - The quick brown fox jumps over the lazy dog

Body2 - The quick brown fox jumps over the lazy dog

Markup

<h1 class="sb-text-h1">The quick brown fox jumps over the lazy dog</h1>
<h2 class="sb-text-h2">The quick brown fox jumps over the lazy dog</h2>
<h3 class="sb-text-h3">The quick brown fox jumps over the lazy dog</h3>
<h4 class="sb-text-h4">The quick brown fox jumps over the lazy dog</h4>
<h5 class="sb-text-h5>The quick brown fox jumps over the lazy dog</h5>
<h6 class="sb-text-h6The quick brown fox jumps over the lazy dog</h5>
<h5 class="sb-text-subtitle-1">Subtitle - 1 The quick brown fox jumps over the lazy dog</h5>
<h6 class="sb-text-subtitle-2">Subtitle - 2 The quick brown fox jumps over the lazy dog</h6>
<p class="sb-text-overline">Overline - The quick brown fox jumps over the lazy dog</p>
<p class="sb-text-caption">Caption - The quick brown fox jumps over the lazy dog</p>
<p class="sb-text-body-1">Body1 - The quick brown fox jumps over the lazy dog</p>
<p class="sb-text-body-2">Body2 - The quick brown fox jumps over the lazy dog</p>

Source: elements/_headings.scss, line 73