Hierarchy 2: Two Typefaces

Font Family: Playfair Display; serif & Font Family: Roboto, sans-serif;
Scale: Perfect Fourth (1.33)
Base Size: 16 px

Headings

This is H1.

font-family: 'Playfair Display', serif;
font-size: 4.209rem;
font-weight: 400;
line-height: 1.3

This is H2.

font-family: 'Playfair Display', serif;
font-size: 3.157rem;
font-weight: 400;
line-height: 1.3

This is H3.

font-family: 'Playfair Display', serif;
font-size: 2.369rem;
font-weight: 400;
line-height: 1.3

This is H4.

font-family: 'Playfair Display', serif;
font-size: 1.777rem;
font-weight: 400;
line-height: 1.3

This is H5.

font-family: 'Playfair Display', serif;
font-size: 1.333rem;
font-weight: 400;
line-height: 1.3

Body

This is standard body text.

font-family: 'Roboto', sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.75

This is italic text.

font-family: 'Roboto', sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.75

This is bold text.

font-family: 'Roboto', sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 1.75

Links

This is a link.

font-family: 'Roboto', sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.75