Typography Examples

Examples for Marriott Library themed typography.

Below you can find examples of typography elements that can be made using custom styles in the WYSIWYG toolbar.

custom styles wysiwig

H2 Heading with "Underlined Heading" class applied:

Underlined Heading with H2

H3 Heading with "Underlined Heading" class applied:

Underlined Heading with H3

A link with a button style applied:

Red Button Style

Secondary Button Style

Blue Button Style

Dark Button Style

A paragaraph with the "lead" class applied:

This is a lead paragraph. It stands out from regular paragraphs. 

Text with "Uppercase Text" style applied:

Uppercase Text

Text with "Encode Sans Font" style applied:

Encode Sans Font

Headings that have had their font weights modifed by the "Bold Text", Semi Bold Text" and "Normal Text Weight" classes:

h1 with bold text override

h2 with bold text override

h3 with bold text override

h4 with bold text override

h5 with bold text override
h6 with bold text override

h1 with semibold text override

h2 with semibold text override

h3 with semibold text override

h4 with semibold text override

h5 with semibold text override
h6 with semibold text override

h1 with normal text override

h2 with normal text override

h3 with normal text override

h4 with normal text override

h5 with normal text override
h6 with normal text override