Saved pairing

Roboto + Open Sans

Roboto and Open Sans create a no-surprises combination that prioritizes clarity, speed, and broad compatibility across app surfaces and marketing pages.

DashboardsProduct docsInternal tools

Pair preview

Try a pairing in one matching editor.

Pick fonts, adjust the sizing, and see the pairing in a cleaner preview that matches the rest of the site.

Preview text

Start with a pairing

Heading font

Body font

Heading weight

Body weight

Heading size 64px

Body size 19px

Start with a pairing

Heading font

Body font

Heading weight

Body weight

Heading size 64px

Body size 19px

Preview

Sample layout

A quick way to see whether this font setup feels right.

Pair a sharper heading with a calmer reading font and you can spot pretty quickly whether the whole page feels clean, warm, editorial, or more playful.

ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789

See heading font See body font Open this pair

This pair has its own preview page if you want to come back to it.

Heading font

Roboto

sans-serif Recommended

Roboto pairs a mechanical structure with open curves, making it a useful default for dashboards, mobile-first products, and broad content surfaces.

Weights: 100, 300, 400, 500, 700, 900

Styles: normal, italic

Subsets: latin, latin-ext

Open Roboto

Body font

Open Sans

sans-serif Recommended

Open Sans is a dependable humanist sans with a practical tone, ideal for mixed-content websites, marketing pages, and interfaces where clarity matters more than novelty.

Weights: 300, 400, 500, 600, 700, 800

Styles: normal, italic

Subsets: latin, latin-ext

Open Open Sans