Noto Serif Display

Try Noto Serif Display

Weights and styles

• Thin 100Noto Serif Display Thin Thin Italic
• ExtraLight 200Noto Serif Display ExtraLight ExtraLight Italic
• Light 300Noto Serif Display Light Light Italic
• Regular 400Noto Serif Display Regular Italic
• Medium 500Noto Serif Display Medium Medium Italic
• SemiBold 600Noto Serif Display SemiBold SemiBold Italic
• Bold 700Noto Serif Display Bold Bold Italic
• ExtraBold 800Noto Serif Display ExtraBold ExtraBold Italic
• Black 900Noto Serif Display Black Black Italic

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

About Noto Serif Display

Noto Serif Display is a serif typeface with strong contrast between thick stems and hairline joins, thin flat serifs and upright stress, which the specimen shows from Thin to Black. It belongs to Noto, the font collection that sets out to cover every modern and ancient language, and is the Noto serif intended for large type in Latin, Cyrillic and Greek. The download holds two variable files, roman and italic, with two axes: weight from 100 to 900 and width from 62.5 to 100. Nine named weights with italics give 18 styles at the normal width, and the width axis adds condensed settings. The fonts contain 3,268 glyphs across Latin, Latin Extended, Cyrillic, Greek and Vietnamese sets. The listing credits Google, while the font's name table names the Monotype Design Team. The license is the SIL Open Font License 1.1.

Where Noto Serif Display works

Magazine and news headlines

Hairlines and heavy stems are drawn for large sizes, where the contrast reads as intended.

Headlines in several scripts

Latin, Cyrillic and Greek share one design, so a masthead or campaign line can be translated without a change of typeface.

Titles in narrow columns

The width axis narrows the letters down to 62.5, which fits a long title into a tight measure.

Book covers and title pages

Thin 100 to Black 900 offer both a delicate and a dense setting of the same title.

Display partner within a Noto system

Projects that already use Noto families for text can add Noto Serif Display for the large sizes.

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
• Vietnamese
• Russian
• Ukrainian
• Bulgarian
• Greek

Writing systems with glyphs in the family besides Latin: Cyrillic, Greek. These are listed as scripts, not as a promise for every language written in them.

Character sets found in the files: cyrillic, cyrillic-ext, greek, greek-ext, latin, latin-ext, vietnamese. 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 Noto Serif Display

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 Noto Serif Display 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: "Noto Serif Display";
  src: url("/assets/fonts/NotoSerifDisplay-Italic-VariableFont_wdth%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Noto Serif Display";
  src: url("/assets/fonts/NotoSerifDisplay-VariableFont_wdth%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Noto Serif Display", serif;
}

Or load it from the official source. Google Fonts serves Noto Serif Display 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=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

Things to know

The width axis only narrows

Width runs from 62.5 to 100, with 100 as the default. There are condensed settings but no expanded ones.

Made for large sizes

The official description assigns Noto Serif Display to texts in larger font sizes; its hairlines are very thin at Thin and Light.

Variable files only

The package holds one variable roman and one variable italic file. Static instances are available from the official source.

FAQs

Collections with Noto Serif Display

• High-contrast Didone fonts for fashion and editorial headlines

  Modern-face serifs with hairline serifs and vertical stress: the look of fashion mastheads, beauty packaging and magazine covers.

Similar fonts

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