Typography

VCU websites have common typographic needs: clear and consistent headings, highly legible body paragraphs, clear labels and easy-to-use input fields.

Overview

• We have selected two open-source font families that may be used on VCU websites — Roboto and Merriweather — both of which are designed for legibility and can beautifully adapt to a variety of visual styles.
• New and/or re-designed sites should reflect these typography standards.
• Other font families should not be used on VCU websites (unless approved).

How do I use the typefaces?

• Roboto
  The Roboto typeface is the default for Compass out of the box.

• Merriweather
  To use the Merriweather typeface, you will need to set the root --cwf-font custom CSS property to var(--cwf-font--serif). If you're in T4, you can use the "Compass - Theme" content type in the Site-Head section of your website.