Sans-serif typeface

Open Sans

Try your own text
Open Sans — Bright stars shimmer above the quiet harbor.
Instant CSS
About this font

Open Sans is a sans-serif family with a broad range of weights and both normal and italic styles. Its clear, familiar structure can suit everyday interface text, documents, and communication materials where readability and flexible hierarchy matter. The available styles also make it useful across headings, labels, and supporting copy.

Best suited for: Use it for websites, applications, dashboards, forms, reports, presentations, and general editorial layouts. Lighter weights can support secondary information, while regular and medium text can carry longer passages. Heavier styles provide clear emphasis for headings, navigation, buttons, and short announcements.

Design considerations: The six weights, from 300 through 800, allow gradual contrast between levels rather than relying only on size changes. Normal styles can handle standard text and interface elements; italics add distinction to notes, references, or emphasis. As a variable font, it can support fine weight adjustments where the project’s tools allow them.

Pairing guidance: Pair Open Sans with a serif that has restrained proportions when you want more contrast in articles or reports. For a quieter system, combine it with another neutral sans-serif and separate roles through weight and size. A display face with noticeable character can also work for large titles, while Open Sans keeps supporting text controlled.

Font pairing ideas

Fonts that pair well with Open Sans

Explore complementary typefaces for headings, body copy, accents, and interface text.

Alyamama
Aa
Serif · 7 weights
ADLaM Display
Aa
Display · 1 weight
Asar
Aa
Serif · 1 weight
Arima
Aa
Display · 7 weights
Bitter
Aa
Serif · 9 weights