Typefaces

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
    If you are using Compass, the Roboto typeface is included as part of the web framework styles.
  • Merriweather
    To use the Merriweather, you will need to download the typeface from Google Fonts.

Roboto

Aa

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

0 1 2 3 4 5 6 7 8 9

Roboto is a sans-serif font with a dual nature. It has a mechanical skeleton and the forms are largely geometric. The combination of slim and thick weights gives the font family stylistic range, while conveying a desirable mix of modern simplicity.

Roboto communicates legibility and cleanliness at both large and smaller font sizes.

You can download Roboto for free. Font weights included in this package:

  1. Roboto Thin 100
  2. Roboto Light 300
  3. Roboto Regular 400
  4. Roboto Medium 500
  5. Roboto Bold 700
  6. Roboto Black 900

Merriweather

Aa

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

0 1 2 3 4 5 6 7 8 9

Merriweather is a serif font, ideal for text-dense design, with excellent readability across screen sizes. The combination of slim and thick weights gives the font family stylistic range, while conveying a desirable mix of classic, yet modern simplicity.

Merriweather communicates warmth and credibility at both large and smaller font sizes.

You can download Merriweather for free. Font weights included in this package:

  1. Merriweather Light 300
  2. Merriweather Regular 400
  3. Merriweather Bold 700
  4. Merriweather Black 900