Typography

Headers

Use Montserrat for all headlines.

Montserrat

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

._h1, ._h2, ._h3, ._h4, ._h5 ,._h6 {
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  line-height: 1.1;
  color: inherit;
}

Paragraphs

Use Open Sans for all body text.

Open Sans

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

._open-sans {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 1.7;
  color: inherit;
}

Detailed Utility

Use Roboto for all utility tasks: Labels, captions, credits, categories.

Roboto

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

._roboto {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  line-height: 1.7;
  color: inherit;
}

Question

Anything need to be added here?!

Share your feedback