Noto Serif Display

Noto Serif Display ausprobieren

Strichstärken und Schnitte

• 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 Kursiv
• 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 ist ein Variable Font: Der Download enthält den gesamten Stärkenbereich in je einer Datei pro Schnitt. Die oben genannten Strichstärken sind Positionen in diesem Bereich.

Über Noto Serif Display

Noto Serif Display ist eine Serifenschrift mit starkem Kontrast zwischen dicken Grundstrichen und Haarlinien in den Verbindungen, dünnen flachen Serifen und senkrechter Achse, was das Schriftmuster von Thin bis Black zeigt. Sie gehört zu Noto, der Fontsammlung, die jede moderne und alte Sprache abdecken will, und ist die Noto-Serif für große Schrift in Lateinisch, Kyrillisch und Griechisch. Der Download enthält zwei Variable-Font-Dateien, aufrecht und kursiv, mit zwei Achsen: Strichstärke von 100 bis 900 und Breite von 62,5 bis 100. Neun benannte Strichstärken mit Kursiven ergeben 18 Schnitte in normaler Breite, und die Breitenachse fügt schmale Einstellungen hinzu. Die Fonts enthalten 3.268 Glyphen in den Sätzen Lateinisch, Lateinisch erweitert, Kyrillisch, Griechisch und Vietnamesisch. Der Eintrag nennt Google, die Namenstabelle des Fonts das Monotype Design Team. Die Lizenz ist die SIL Open Font License 1.1.

Wofür sich Noto Serif Display eignet

Magazin- und Nachrichtenschlagzeilen

Haarlinien und kräftige Grundstriche sind für große Größen gezeichnet, in denen der Kontrast so wirkt, wie er gedacht ist.

Headlines in mehreren Schriftsystemen

Lateinisch, Kyrillisch und Griechisch teilen sich einen Entwurf, sodass sich ein Titelkopf oder eine Kampagnenzeile übersetzen lässt, ohne die Schrift zu wechseln.

Titel in schmalen Spalten

Die Breitenachse verschmälert die Buchstaben bis auf 62,5, sodass ein langer Titel in eine enge Zeilenbreite passt.

Buchcover und Titelseiten

Thin 100 bis Black 900 erlauben für denselben Titel eine zarte wie eine dichte Setzung.

Display-Partner in einem Noto-System

Projekte, die für Text schon Noto-Familien nutzen, können für die großen Größen Noto Serif Display ergänzen.

Glyphen

Sprachunterstützung

Die Familie enthält die Grundbuchstaben, mit denen diese Sprachen geschrieben werden:

• Englisch
• Französisch
• Deutsch
• Spanisch
• Portugiesisch
• Italienisch
• Niederländisch
• Schwedisch
• Norwegisch
• Dänisch
• Finnisch
• Isländisch
• Katalanisch
• Türkisch
• Polnisch
• Tschechisch
• Slowakisch
• Ungarisch
• Rumänisch
• Kroatisch
• Slowenisch
• Litauisch
• Lettisch
• Estnisch
• Vietnamesisch
• Russisch
• Ukrainisch
• Bulgarisch
• Griechisch

Weitere Schriftsysteme neben dem lateinischen, für die die Familie Glyphen enthält: Kyrillisch, Griechisch. Genannt sind Schriftsysteme. Das ist keine Zusage für jede Sprache, die damit geschrieben wird.

In den Dateien gefundene Zeichensätze: cyrillic, cyrillic-ext, greek, greek-ext, latin, latin-ext, vietnamese. Die Sprachliste prüft, ob die nötigen Buchstaben im Font vorhanden sind. Über die typografische Qualität in der jeweiligen Sprache sagt sie nichts.

Lizenz

Fonts, die zu Noto Serif Display passen

Die Vorschläge folgen einfachen Regeln aus den Datensätzen: eine kontrastierende Klassifikation und genug Strichstärken für Fließtext. Sie sind ein Ausgangspunkt, kein Urteil.

Noto Serif Display im Web verwenden

Lade die Familie herunter, lege die Dateien auf deinen eigenen Server und binde sie per CSS ein. Bitte verlinke nicht auf die Dateien bei trendhub.net: Die Vorschaudateien hier sind Subsets, und ihre Adressen ändern sich.

@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;
}

Oder du lädst die Familie von der offiziellen Quelle. Google Fonts liefert Noto Serif Display mit diesem Markup aus:

<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">

Gut zu wissen

Die Breitenachse verschmälert nur

Die Breite reicht von 62,5 bis 100, mit 100 als Standard. Es gibt schmale, aber keine weiten Einstellungen.

Für große Größen gemacht

Die offizielle Beschreibung ordnet Noto Serif Display Texten in größeren Schriftgrößen zu; die Haarlinien sind bei Thin und Light sehr dünn.

Nur Variable-Font-Dateien

Das Paket enthält eine aufrechte und eine kursive Variable-Font-Datei. Statische Instanzen gibt es bei der offiziellen Quelle.

Häufige Fragen

Sammlungen mit Noto Serif Display

• Kontrastreiche Didone-Fonts für Mode und redaktionelle Überschriften

  Klassizistische Serifen mit Haarlinien-Serifen und senkrechter Betonung: der Look von Modemagazin-Titeln, Kosmetikverpackungen und Magazincovern.

Ähnliche Fonts

Weitere Familien derselben Klassifikation, sortiert nach gemeinsamen Einsatzbereichen. Alle Fonts: serif