Skip to header Skip to main navigation Skip to sub navigation Skip to main content Skip to footer

Compass Web Framework

  1. Home
  2. Style guide
  3. Typography

Typography

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

Overview

How do I use the typefaces?

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
View graphic version