# 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.

Das Schwierige beim Kombinieren von Schriften ist, dass zwei gute Fonts sich trotzdem nicht vertragen können. Ihre x-Höhen unterscheiden sich, sodass Text in der einen größer wirkt als in der anderen. Ihre Bold-Schnitte sind nicht gleich fett. Die eine ist warm, die andere mechanisch. Ein Schriftsystem vermeidet das Problem an der Wurzel: Seine serifenlosen, Serifen- und Monospace-Mitglieder sind nach einem gemeinsamen Plan entworfen, mit Höhen, Strichstärken und Abständen, die aufeinander abgestimmt sind.

Damit sind diese Familien ein sicherer Weg zu einem Layout mit mehreren Stimmen. Üblich ist die serifenlose Schrift für Oberfläche und Überschriften, die Serifenschrift zum langen Lesen und die Monospace-Schrift für Code, Daten oder Bildunterschriften. Ebenso möglich ist die Umkehrung, mit Serifen-Headlines über serifenlosem Fließtext. In beiden Fällen kannst du mitten in einer Zeile die Familie wechseln, für einen Begriff in Code oder ein Zitat in Serifenschrift, und die Zeile behält ihren Rhythmus.

Systeme sind unterschiedlich groß. Manche haben nur zwei Mitglieder, eine serifenlose Schrift und ihre Monospace-Schwester oder eine Serifenschrift und ihre serifenlose Partnerin; andere ergänzen eine Slab, einen Display-Schnitt oder weitere Breiten. Die Mitglieder unten sind nach Systemen gruppiert, und jeder Hinweis nennt die Geschwister, die in diesem Katalog vorkommen. Nutzt du bereits eine Familie aus einem System, ist ihr Partner die erste Kombination, die du ausprobieren solltest.

How these were chosen: Familien, die zu einem benannten Schriftsystem mit mindestens zwei Mitgliedern in diesem Katalog gehören, als serifenloses, Serifen-, Slab- oder Monospace-Mitglied; die Mitglieder stehen neben ihren Geschwistern.

## Fonts (26)

- [Roboto](https://trendhub.net/de/fonts/roboto.markdown) (Sans Serif, 18 Schnitte · variabel, OFL): Die serifenlose Schrift eines Systems, das in diesem Katalog auch Slab-, Serifen- und dicktengleiche Mitglieder hat.
- [Roboto Slab](https://trendhub.net/de/fonts/roboto-slab.markdown) (Slab Serif, 9 Schnitte · variabel, Apache 2.0): Die Slab Serif der Roboto-Familie, eine Begleiterin der serifenlosen Schrift auf demselben Gerüst, in neun aufrechten Strichstärken.
- [Roboto Serif](https://trendhub.net/de/fonts/roboto-serif.markdown) (Serif, 18 Schnitte · variabel, OFL): Die Lese-Serif unter dem Namen Roboto, passend zur Sans mit neun Schnitten und Kursiv.
- [Roboto Mono](https://trendhub.net/de/fonts/roboto-mono.markdown) (Monospace, 14 Schnitte · variabel, OFL): Das Monospace-Mitglied der Roboto-Familie, dessen Formen an eine Breite angepasst sind, in sieben Strichstärken mit Kursiven.
- [IBM Plex Sans](https://trendhub.net/de/fonts/ibm-plex-sans.markdown) (Sans Serif, 14 Schnitte · variabel, OFL): Die serifenlose Schrift einer Unternehmensfamilie mit den Geschwistern Serif und Mono in denselben sieben Strichstärken.
- [IBM Plex Serif](https://trendhub.net/de/fonts/ibm-plex-serif.markdown) (Serif, 14 Schnitte, OFL): Die Serifenschrift der Plex-Familie, als Lesebegleiter zu ihrer serifenlosen Schrift und der Monospace-Schrift gebaut, in sieben Strichstärken mit Kursiven.
- [IBM Plex Mono](https://trendhub.net/de/fonts/ibm-plex-mono.markdown) (Monospace, 14 Schnitte, OFL): Das Monospace-Mitglied von IBM Plex, in denselben sieben Strichstärken mit Kursiven wie die serifenlose Schrift und die Serifenschrift.
- [Source Sans 3](https://trendhub.net/de/fonts/source-sans-3.markdown) (Sans Serif, 16 Schnitte · variabel, OFL): Eine serifenlose Oberflächenschrift mit einer Übergangs-Antiqua als Partnerin und einer dicktengleichen Begleiterin zum Programmieren in der Source-Familie.
- [Source Serif 4](https://trendhub.net/de/fonts/source-serif-4.markdown) (Serif, 16 Schnitte · variabel, OFL): Eine Übergangs-Serif, die als Begleiter zu Source Sans entstand und deren Proportionen und Grauwert im Text aufgreift.
- [Source Code Pro](https://trendhub.net/de/fonts/source-code-pro.markdown) (Monospace, 16 Schnitte · variabel, OFL): Die dicktengleiche Begleitschrift, aus Source Sans abgeleitet, mit denselben vertikalen Proportionen und ähnlichen Grundformen.
- [Noto Sans](https://trendhub.net/de/fonts/noto-sans.markdown) (Sans Serif, 18 Schnitte · variabel, OFL): Die serifenlose Kernschrift der Noto-Sammlung, mit einer Serifenschrift und einer dicktengleichen serifenlosen Schrift als Partnern.
- [Noto Serif](https://trendhub.net/de/fonts/noto-serif.markdown) (Serif, 18 Schnitte · variabel, OFL): Die Serifenschrift der Noto-Sammlung, die Partnerin von Noto Sans: neun Strichstärken mit Kursiven.
- [Noto Sans Mono](https://trendhub.net/de/fonts/noto-sans-mono.markdown) (Monospace, 9 Schnitte · variabel, OFL): Die Monospace-Sans der Noto-Sammlung, mit denselben neun Schnitten und der schmaler werdenden Breitenachse wie Noto Sans.
- [PT Sans](https://trendhub.net/de/fonts/pt-sans.markdown) (Sans Serif, 4 Schnitte, OFL): Die erste Familie eines öffentlichen Schriftprojekts, ergänzt durch eine passende Serifenschrift und eine dicktengleiche Schrift, in Regular und Bold mit Kursiven.
- [PT Serif](https://trendhub.net/de/fonts/pt-serif.markdown) (Serif, 4 Schnitte, OFL): In Metrik, Proportionen und Strichstärken auf PT Sans abgestimmt, sodass beide sich kombinieren lassen, mit Lateinisch und Kyrillisch.
- [PT Mono](https://trendhub.net/de/fonts/pt-mono.markdown) (Monospace, 1 Schnitt, OFL): Das Monospace-Mitglied der PT-Familie, das die Formensprache mit PT Sans und PT Serif teilt, nur in Regular.
- [Fira Sans](https://trendhub.net/de/fonts/fira-sans.markdown) (Sans Serif, 18 Schnitte, OFL): Die serifenlose Schrift der Fira-Familie, zu der auch eine dicktengleiche Variante gehört, Fira Mono.
- [Fira Mono](https://trendhub.net/de/fonts/fira-mono.markdown) (Monospace, 3 Schnitte, OFL): Die Monospace-Variante, die zur Fira-Sans mitgeliefert wird, in Regular, Medium und Bold.
- [Merriweather](https://trendhub.net/de/fonts/merriweather.markdown) (Serif, 14 Schnitte · variabel, OFL): Eine Bildschirm-Textserif, zu der eine serifenlose Schwesterfamilie passend gezeichnet wurde.
- [Merriweather Sans](https://trendhub.net/de/fonts/merriweather-sans.markdown) (Sans Serif, 12 Schnitte · variabel, OFL): Die serifenlose, halbschmale Schrift mit geringem Kontrast, die mit der Serifenfamilie Merriweather harmonieren soll.
- [Space Grotesk](https://trendhub.net/de/fonts/space-grotesk.markdown) (Sans Serif, 5 Schnitte · variabel, OFL): Eine Proportionalschrift ohne Serifen, abgeleitet von Space Mono, die die Eigenheiten ihrer dicktengleichen Vorlage bewahrt.
- [Space Mono](https://trendhub.net/de/fonts/space-mono.markdown) (Monospace, 4 Schnitte, OFL): Die dicktengleiche Vorlage von Space Grotesk: eine Monospace-Schrift mit Display-Anspruch in Regular und Bold mit Kursiven.
- [Red Hat Text](https://trendhub.net/de/fonts/red-hat-text.markdown) (Sans Serif, 10 Schnitte · variabel, OFL): Der Textschnitt einer Familie, die auch einen Display-Schnitt und ein dickenkonstantes Mitglied hat, Red Hat Mono.
- [Red Hat Mono](https://trendhub.net/de/fonts/red-hat-mono.markdown) (Monospace, 10 Schnitte · variabel, OFL): Das Monospace-Mitglied der Schriftfamilie Red Hat, neben zwei proportionalen optischen Größen, mit Kursiv.
- [Geist](https://trendhub.net/de/fonts/geist.markdown) (Sans Serif, 18 Schnitte · variabel, OFL): Die Proportionalschrift des Geist-Projekts, mit Geist Mono als dicktengleichem Begleiter in denselben neun Strichstärken.
- [Geist Mono](https://trendhub.net/de/fonts/geist-mono.markdown) (Monospace, 18 Schnitte · variabel, OFL): Die dicktengleiche Hälfte des Geist-Projekts, passend zur Proportionalschrift in neun Strichstärken mit Kursiven.

## FAQs

### Warum Fonts aus demselben Familiensystem kombinieren?

Sie teilen Proportionen, x-Höhe und Stärkenstufen, sodass Text den Stil wechseln kann, ohne dass sich scheinbare Größe oder Farbe ändern. Diese Einheitlichkeit ist mit unabhängigen Schriften schwer zu erreichen.

### Welches Mitglied setzt die Überschriften, welches den Fließtext?

Beide Reihenfolgen funktionieren. Serifenlose Überschriften mit Serifen-Fließtext wirken buchhaft und ruhig, Serifen-Überschriften über serifenlosem Text redaktionell. Setze die Monospace-Schrift für Code, Zahlen und kleine Beschriftungen ein.

### Ist es langweilig, nur ein Schriftsystem zu verwenden?

Nicht, wenn du seine Bandbreite nutzt: Verschiedene Strichstärken, Größen, Breiten und der Kontrast zwischen serifenloser und Serifenschrift bieten viel Abwechslung und halten die Seite zugleich stimmig.

### Kann ich diese Familien zusammen in einem kommerziellen Produkt verwenden?

Ja. Fast alle stehen unter der SIL Open Font License, und Roboto Slab steht unter der Apache License 2.0; beide erlauben kommerzielle Nutzung, Einbetten und Verändern. Die Seite jedes Fonts nennt seine Lizenz.

## Related collections

- [Schriftfamilien mit neun Strichstärken und Kursiven](https://trendhub.net/de/fonts/for/font-families-with-nine-weights.markdown)
- [Serifenschriften zum langen Lesen am Bildschirm](https://trendhub.net/de/fonts/for/serif-fonts-for-long-reading.markdown)
- [Monospace-Fonts zum Programmieren](https://trendhub.net/de/fonts/for/monospace-fonts-for-coding.markdown)
- [Humanistische serifenlose Fonts für gut lesbaren Text](https://trendhub.net/de/fonts/for/humanist-sans-serif-fonts.markdown)
- [Slab-Serif-Fonts](https://trendhub.net/de/fonts/for/slab-serif-fonts.markdown)
- [Klare serifenlose Fonts für App-Oberflächen](https://trendhub.net/de/fonts/for/app-interface-fonts.markdown)

---

Source: https://trendhub.net/de/fonts/for/matching-sans-serif-and-mono-families (trendhub)
