Doto

Try Doto

Weights and styles

• Thin 100Doto Thin
• ExtraLight 200Doto ExtraLight
• Light 300Doto Light
• Regular 400Doto Regular
• Medium 500Doto Medium
• SemiBold 600Doto SemiBold
• Bold 700Doto Bold
• ExtraBold 800Doto ExtraBold
• Black 900Doto Black

Doto is a variable font: the download holds the whole weight range in one file, and the named weights above are positions on that range.

About Doto

Doto is a display typeface made of dots: each character is a pattern of small separate marks on a grid, like the output of a dot-matrix printer or an LED sign. In the specimen the dots are square, capitals such as D and I carry small slab-like feet, and narrow letters such as i and l take up as much room as wide ones. The family is a variable font with two axes. Weight runs from 100 to 900 across nine named weights, Thin to Black, and changes the size of each dot, so the light end looks like a faint trace and the heavy end like a solid matrix. Roundness runs from 0 to 100. The font holds 320 glyphs covering Latin and Latin Extended, with no italic. Óliver Lalan is credited as the designer.

Where Doto works

Readout-style titles

Letters formed from a dot grid give a heading the look of a departure board, a ticker or a printed receipt.

Counters and timers

Numerals drawn on the same grid as the letters suit scores, countdowns and large statistics.

Animated weight changes

The 100 to 900 weight axis grows or shrinks every dot, which can be animated to make a word fade in.

Square or softened dots

The Roundness axis, from 0 to 100, changes the shape of the dots without changing the letterforms.

Tech and electronics branding

A short product name in dot-matrix letters points to hardware, displays and code.

Glyphs

Language support

The family contains the core letters these languages are written with:

• English
• French
• German
• Spanish
• Portuguese
• Italian
• Dutch
• Swedish
• Norwegian
• Danish
• Finnish
• Icelandic
• Catalan
• Turkish
• Polish
• Czech
• Slovak
• Hungarian
• Romanian
• Croatian
• Slovenian
• Lithuanian
• Latvian
• Estonian

Character sets found in the files: latin, latin-ext. The language list is a check of required letters against the font, not a promise of typographic quality in each language.

License

Fonts that pair with Doto

Suggestions come from simple rules on the records: a contrasting classification and enough weights to carry body text. They are a starting point, not a verdict.

Use Doto on the web

Download the family and host the files on your own site, then declare them in CSS. Please do not link to the files on trendhub.net: preview files here are subsets and their addresses change.

@font-face {
  font-family: "Doto";
  src: url("/assets/fonts/Doto-VariableFont_ROND%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Doto", sans-serif;
}

Or load it from the official source. Google Fonts serves Doto with this markup:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Doto:wght@100..900&display=swap" rel="stylesheet">

Things to know

Two axes in one file

The download is one variable font with a weight axis (100 to 900) and a Roundness axis (0 to 100).

Dots need size

At small sizes, and especially in the light weights, the separate dots thin out until the letters are hard to make out.

No italic

Doto has nine upright weights and no slanted style.

FAQs

Collections with Doto

• Pixel and arcade fonts

  Bitmap-style and dot-matrix display fonts after 1980s game screens, terminals and LED panels, for retro games and tech graphics.

Similar fonts

Other families in the same classification, ordered by shared use tags. All display fonts