Neuton

Try Neuton

Weights and styles

• ExtraLight 200Neuton ExtraLight
• Light 300Neuton Light
• Regular 400Neuton Regular Italic
• Bold 700Neuton Bold
• ExtraBold 800Neuton ExtraBold

About Neuton

Neuton is a serif typeface with a dark colour on the page, a tall lowercase and short ascenders and descenders. The official notes describe it as somewhat Dutch-inspired and say the compact width was chosen for screen use and to save space. In the specimen the serifs are sturdy and bracketed and the contrast between thick and thin strokes is moderate. The download holds six static files: ExtraLight, Light, Regular, Bold and ExtraBold uprights and a single italic at the Regular weight. According to the notes, the project plans a second, more informal companion called cursive beside the italic, but it is not part of this package. The fonts contain 303 glyphs covering the Latin subset, and Brian Zick is credited as the designer. Neuton was added to Google Fonts in 2011.

Where Neuton works

Articles in narrow columns

The compact width and short extenders fit more words on a line and allow tighter line spacing in blog posts and sidebars.

Headlines in ExtraBold

Bold 700 and ExtraBold 800 give a heavy serif headline that still shares its shapes with the text weights.

Light display lines

ExtraLight and Light work as large pull quotes and section openers against Regular body copy.

Print pieces short on space

Programmes, labels and small booklets gain room from the economical letter widths.

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
• Slovenian
• Estonian

Character sets found in the files: latin. 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 Neuton

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 Neuton 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: "Neuton";
  src: url("/assets/fonts/Neuton-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Neuton";
  src: url("/assets/fonts/Neuton-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Neuton";
  src: url("/assets/fonts/Neuton-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Neuton";
  src: url("/assets/fonts/Neuton-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
/* …and 2 more files in the package, declared the same way */

body {
  font-family: "Neuton", serif;
}

Or load it from the official source. Google Fonts serves Neuton 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=Neuton:ital,wght@0,200;0,300;0,400;0,700;0,800;1,400&display=swap" rel="stylesheet">

Things to know

Only one italic

The package has an italic for Regular only. Light, Bold and the other weights have no italic file.

Western European coverage

With 303 glyphs, Neuton has the letters for English, French, German, Spanish and the Nordic languages, but Turkish, Polish and Czech are not complete.

Static files, no variable font

Each weight is a separate TTF; there is no weight axis.

FAQs

Similar fonts

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