Skip to main content

Headings

Default Headings​

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5
<h1>Heading Level 1</h1>
<h2>Heading Level 2</h2>
<h3>Heading Level 3</h3>
<h4>Heading Level 4</h4>
<h5>Heading Level 5</h5>

Big, Bold Headings​

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5
<div class="headings--big-and-bold">   
  <h1>Heading Level 1</h1>
  <h2>Heading Level 2</h2>
  <h3>Heading Level 3</h3>
  <h4>Heading Level 4</h4>
  <h5>Heading Level 5</h5>
</div>

Smaller Font Size​

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5
<div class="font-size--smaller">   
  <h1>Heading Level 1</h1>
  <h2>Heading Level 2</h2>
  <h3>Heading Level 3</h3>
  <h4>Heading Level 4</h4>
  <h5>Heading Level 5</h5>
</div>

Larger Font Size​

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5
<div class="font-size--larger">   
  <h1>Heading Level 1</h1>
  <h2>Heading Level 2</h2>
  <h3>Heading Level 3</h3>
  <h4>Heading Level 4</h4>
  <h5>Heading Level 5</h5>
</div>

Display Setting Fonts​

Dyslexia Friendly​

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5

Hyperlegible​

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5