Web Typography
This is an example of an introductory text set in Libre Baskerville Italic (22px). This text is set in larger type size to distinguish it from running body copy and allows a writer to make a brief bold statement or highlight a primary idea or theme.
This is a paragraph set in DM Sans (16px) and uses a typographic style useful for running copy. This text is set in a smaller type size to distinguish it from the intro text and allow for longer stories and ease of reading.
Font Families
We've employed a web font system that uses two open-source font families as a complement their print counterparts: DM Sans and Libre Baskerville.
Both font families are designed for legibility to use freely across the Internet by web browsers on desktop computers, laptops and mobile devices. Better suited for the screen, these web fonts reflect the same typographic hierarchy that is a foundation to the University's brand.
DM Sans
DM Sans is our primary san serif typeface on the web.
Libre Baskerville
Libre Baskerville is used for intro text and select H2 branding.
Header Font Properties
The University website requires clear and consistent headings and highly legible paragraphs.
Heading 1
color: #003A60
font-family: 'DM Sans', sans-serif
font-size: 42px
font-weight: 600
The H1 is built into the web page template Properties and should not be incorporated into body text.
Heading 2 with alt style
color: #003A60
font-family: 'DM Sans', sans-serif
font-size: 34px
font-weight: 600
color: #0078AE
font-family: 'Libre Baskerville', serif
font-size: 30px
font-style: italic
font-weight: 700
Heading 3
color: #0078AE
font-family: 'DM Sans', sans-serif
font-size: 30px
font-weight: 400
Heading 4
color: #003A60
font-family: 'DM Sans', sans-serif
font-size: 22px
font-weight: 700
Heading 5
color: #003A60
font-family: 'DM Sans', sans-serif
font-size: 18px
font-weight: 700
Heading 6
color: #003A60
font-family: 'DM Sans', sans-serif
font-size: 16px
font-weight: 700