Typography / Fonts / Headlines

Quick Links

Abhaya Libre Regular

For primary headlines and large pull quotes. This font is loaded via Adobe Fonts.

Elido Regular | Elido Italic

For primary body text. This font is loaded via Adobe Fonts.

Elido Bold | Elido Bold Italic

For subheads, accent type, quote attributes and folios. This font is loaded via Adobe Fonts.

The following font is slowly being phased out.

Lato

This font is the primary font on the website. It is used headline (H1-H6) and body copy. It is a Google Font.

NexaLight

Currently, this font is being used only on newer custom pages such as the graduate studies pages.

Lust

Currently, this font is being used for headlines on newer custom pages such as the graduate studies pages.

LemonTuesday

This font is used sparingly through the site to accentuate words or portions of a headline.

Headlines

The first 4 variations of headlines (H1, H2, H3, H4) have all been normalized to help assist SEO headline structures. Common usage of these headline elements are interchangeable when used on a page without any custom styles.

Page Title

Headline 1

Headline 2

Headline 3

Headline 4

Headline 5

Headline 6

<h1 class="page__title title" id="page-title">Page Title</h1>
<h1>Headline 1</h1>
<h2>Headline 2</h2>
<h3>Headline 3</h3>
<h4>Headline 4</h4>
<h5>Headline 5</h5>
<h6>Headline 6</h6>

However, special classes have been added to allow for the old styling of headlines throughout the site. These classes are simply "h1", "h2", "h3" or "h4" and can be applied to any H1, H2, H3, or H4 elements. When applied, these headlines will be formatted as they were on the website before the SEO updates. For example, below are all H1 elements with different classes applied:

Headline 1

<h1 class="h2">Headline 1</h1>
<h1 class="h3">Headline 1</h1>
<h1 class="h4">Headline 1</h1>
<h1 class="h5">Headline 1</h1>
<h1 class="h6">Headline 1</h1>