Sans-serif typeface

Doto

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

Doto is a sans-serif font with a broad range of nine weights, from 100 through 900. Its single normal style keeps the family focused, while variable-font support allows more gradual control between the available weights. This makes Doto adaptable for layouts that need a consistent sans-serif foundation across different levels of emphasis.

Best suited for: Use Doto for headings, navigation, labels, interface text, posters, and other short-to-medium text settings where weight contrast helps organize information. Lighter values can support restrained display work, while heavier values can give titles, buttons, or callouts more visual priority. Test longer passages at comfortable sizes before committing to them.

Design considerations: The nine-weight range offers flexibility, but using every weight at once may make a layout feel busy. Establish a small hierarchy, such as a regular or medium weight for supporting text and a semibold or bold weight for emphasis. The normal style is best treated as the family’s standard setting rather than a source of italic contrast.

Pairing guidance: Doto can be paired with a serif that adds a more traditional reading texture, especially when Doto handles headings or interface elements. For a quieter system, combine it with another sans-serif featuring a different width or softer proportions. Keep the companion font restrained so the weight changes within Doto remain clear.

Font pairing ideas

Fonts that pair well with Doto

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

Crimson Pro
Aa
Serif · 8 weights
Alfa Slab One
Aa
Display · 1 weight
Esteban
Aa
Serif · 1 weight
Audiowide
Aa
Display · 1 weight
Goudy Bookletter 1911
Aa
Serif · 1 weight