Source Serif 4

Source Serif 4 ausprobieren

Strichstärken und Schnitte

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

Source Serif 4 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 Source Serif 4

Source Serif 4 ist eine Serifenfamilie im Stil der Übergangsantiqua, gemacht als Begleiterin der Source Sans, mit passenden Buchstabenproportionen und passender Grauwirkung im Text. Die offiziellen Hinweise sagen, sie beruhe lose auf der Arbeit des Stempelschneiders Pierre Simon Fournier aus dem 18. Jahrhundert und behalte einige seiner Eigenheiten, etwa die Serife am Fuß des b und die mittlere Serife des w, vereinfache die Formen aber für den digitalen Einsatz. Frank Grießhammer hat sie gestaltet, Robert Slimbach beriet beim Entwurf. Die Familie ist ein Variable Font mit zwei Achsen: weight von 200 bis 900 und optische Größe von 8 bis 60, mit dem Standardwert 20. Acht benannte Strichstärken, ExtraLight bis Black, gibt es aufrecht und kursiv, zusammen 16 Schnitte. Die Fonts enthalten 1.463 Glyphen für Latin, Latin Extended, Vietnamesisch, Kyrillisch und Griechisch.

Wofür sich Source Serif 4 eignet

Lange Texte

Der Entwurf zielt auf längeren Text auf Papier und Bildschirm, und die Achse für die optische Größe verstärkt feine Details, wenn die Schrift klein wird.

Headlines aus derselben Familie

Am oberen Ende der Achse für die optische Größe, bis 60, werden Serifen und Haarlinien für Titel schärfer.

Systeme aus Serif und Sans

Auf die Source Sans abgestimmte Proportionen erlauben es, zwischen Fließtext und Bildunterschriften zu wechseln, ohne dass Größe oder Farbwirkung springen.

Wissenschaftliche und Buchtypografie

Aufrecht und kursiv in acht Strichstärken decken Text, Hervorhebung, Überschriften und Anmerkungen ab; Griechisch und Kyrillisch dienen für Zitate.

Nachrichten- und Magazinseiten

SemiBold bis Black setzen Artikel-Headlines über Text in Regular.

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, 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 Source Serif 4 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.

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

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

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

Gut zu wissen

Optische Größe von 8 bis 60

Der Standardwert der Achse ist 20. Browser wenden die optische Größe automatisch an; anderswo stellst du sie von Hand ein.

Zwei Variable-Font-Dateien

Aufrecht und kursiv sind getrennte Dateien, jeweils mit der Achse für weight und der für die optische Größe.

Details von Fournier übernommen

Die Fußserife am b und die mittlere Serife am w sind bewusste historische Merkmale, keine Fehler.

Häufige Fragen

Sammlungen mit Source Serif 4

• Serifenschriften zum langen Lesen am Bildschirm

  Textschriften mit Serifen, die für Bildschirme oder für langes Lesen gezeichnet sind: große x-Höhen, mäßiger Kontrast und echte Kursive für Artikel, Blogs und Dokumentation.

• 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