Roboto Serif

Roboto Serif ausprobieren

Strichstärken und Schnitte

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

Roboto Serif 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 Roboto Serif

Roboto Serif ist eine Serifenschriftfamilie, die als Variable Font für das Lesen am Bildschirm und im Druck angelegt ist. Im Schriftmuster sind die Serifen kräftig und mit Übergängen versehen, der Kontrast zwischen dicken und dünnen Strichen ist mäßig, und die Kleinbuchstaben sind groß, sodass das Schriftbild von Thin bis Black gleichmäßig bleibt. Vier Achsen formen die Familie: Weight von 100 bis 900, Width von 50 bis 150, Optical Size von 8 bis 144 und Grade von -50 bis 100. Neun benannte Strichstärken gibt es jeweils als Roman und Kursive, zusammen 18 Schnitte. Die offiziellen Hinweise beschreiben sie als minimal und funktional, dank der Spanne an Strichstärken, Laufweiten und optischen Größen sogar in App-Oberflächen einsetzbar. Die 1.158 Glyphen decken Lateinisch, Lateinisch erweitert, Kyrillisch und Vietnamesisch ab. Die Credits nennen Commercial Type und Greg Gazdowicz. Roboto Serif erscheint unter der SIL Open Font License 1.1.

Wofür sich Roboto Serif eignet

Lange Artikel

Optical Size von 8 bis 144 passt die Zeichnung innerhalb einer Familie zwischen kleinem Fließtext und großen Headlines an.

Lese-Apps und E-Books

Über die Grade-Achse von -50 bis 100 kann eine App den Text für ein Lese-Theme heller oder dunkler machen.

Schmale Spalten im Zeitungsstil

Mit Width bis hinunter zu 50 lässt sich eine Headline schmal genug für eine enge Spalte setzen.

Serifentext in Oberflächen

Die offiziellen Hinweise nennen App-Oberflächen als Einsatz; Medium und SemiBold geben Beschriftungen genug Gewicht.

Serifen-Partner zu Roboto

Sie trägt den Namen Roboto und deckt dieselbe Spanne von Thin 100 bis Black 900 ab wie die serifenlose Roboto.

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

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

In den Dateien gefundene Zeichensätze: cyrillic, cyrillic-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 Roboto Serif 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.

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

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

Oder du lädst die Familie von der offiziellen Quelle. Google Fonts liefert Roboto Serif 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=Roboto+Serif:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

Gut zu wissen

Width geht in beide Richtungen

Die Standardlaufweite ist 100; die Achse verengt bis 50 und weitet bis 150.

Optical Size steht standardmäßig auf 20

Die Achse opsz reicht von 8 bis 144 und steht auf 20, solange die Anwendung nichts anderes einstellt.

Zwei variable Dateien

Roman und Kursive sind getrennte Dateien, jede mit allen vier Achsen.

Häufige Fragen

Sammlungen mit Roboto Serif

• Variable Fonts mit Achse für die optische Größe

  Variable Familien, die sich für die Größe, in der sie gesetzt werden, neu zeichnen: kräftiger und lockerer bei kleinen, feiner und enger bei großen Größen.

• Schriftsysteme mit zusammenpassenden serifenlosen, Serifen- und Monospace-Familien

  Familien, die für den gemeinsamen Einsatz entworfen wurden: eine serifenlose Schrift, eine Serifen- oder Slab-Schrift und oft eine Monospace-Schrift, die Proportionen, Strichstärken und Charakter teilen.

Ähnliche Fonts

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