{"id":48317,"date":"2026-11-06T16:16:13","date_gmt":"2026-11-06T13:16:13","guid":{"rendered":"https:\/\/typetype.org\/de\/?p=48317"},"modified":"2026-11-06T16:16:17","modified_gmt":"2026-11-06T13:16:17","slug":"font-pairing-guide","status":"publish","type":"post","link":"https:\/\/typetype.org\/de\/blog\/font-pairing-guide\/","title":{"rendered":"Schriftpaare: So findet man passende Schriftkombinationen"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_cover_en.gif\" alt=\"Schriftkombination aus einer ausdrucksstarken Akzentschrift und einer neutralen Schrift f\u00fcr Flie\u00dftext.\" class=\"wp-image-10000062827\" title=\"Die perfekte Schriftkombination finden \u2013 ein TypeType-Ratgeber zum Kombinieren von Schriften.\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Das typografische System eines Projekts basiert nur selten auf einer einzigen Schriftfamilie. In&nbsp;Interfaces, Pr\u00e4sentationen, auf Verpackungen oder in&nbsp;visuellen Identit\u00e4ten m\u00fcssen Designer mehrere Aufgaben gleichzeitig l\u00f6sen: Akzente setzen, \u00dcberschriften vom Flie\u00dftext unterscheiden, den Charakter einer Marke unterst\u00fctzen und zugleich die Lesbarkeit gew\u00e4hrleisten. Die Kombination zweier Schriften ist deshalb kein rein dekoratives Mittel, sondern eine M\u00f6glichkeit, Informationen zu&nbsp;strukturieren und einem Projekt eine eigene typografische Tonalit\u00e4t zu&nbsp;geben.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die Auswahl eines Schriftpaars beginnt mit der Analyse der jeweiligen Funktionen. Eine Schrift kann f\u00fcr gro\u00dfe Akzente zust\u00e4ndig sein, eine andere f\u00fcr l\u00e4ngere Textpassagen; die eine kann expressiv auftreten, die andere bewusst zur\u00fcckhaltend bleiben. In&nbsp;unserem <a href=\"https:\/\/typetype.org\/de\/blog\/complementing-each-other-font-pairs-using-tt-norms-pro-and-tt-norms-pro-serif-as-an-example\/\">Artikel \u00fcber TT&nbsp;Norms<sup class=\"reg\">\u00ae<\/sup> Pro und TT&nbsp;Norms<sup class=\"reg\">\u00ae<\/sup> Pro Serif<\/a> haben wir bereits erl\u00e4utert, dass es&nbsp;daf\u00fcr keinen universellen Algorithmus gibt: Wie gut zwei Schriften miteinander funktionieren, h\u00e4ngt unter anderem von ihren Zeichenproportionen, ihrem Charakter, dem Kontrast und weiteren gestalterischen Eigenschaften ab. Letztlich sollte man sie immer direkt nebeneinander beurteilen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bei TypeType besch\u00e4ftigen wir uns intensiv mit der Kombinierbarkeit von Schriften und entwickeln mitunter sogar Schriftfamilien, die von Anfang an&nbsp;als Paar gedacht sind. Im&nbsp;Folgenden erkl\u00e4ren wir die Grundlagen, zeigen, wie man Schriftpaare f\u00fcr Webdesign, Pr\u00e4sentationen, Logos und Branding ausw\u00e4hlt, betrachten Beispiele aus unserem Katalog und stellen Online-Tools und Generatoren vor, die die Suche nach geeigneten Kombinationen erleichtern k\u00f6nnen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was sind Schriftpaare und warum kombiniert man Schriften?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Schriftpaar besteht aus zwei Schriften, die innerhalb eines Layouts unterschiedliche Aufgaben \u00fcbernehmen und dennoch als zusammengeh\u00f6riges System wahrgenommen werden. Eine expressive Antiqua kann beispielsweise f\u00fcr \u00dcberschriften eingesetzt werden, w\u00e4hrend eine neutrale Grotesk den Flie\u00dftext \u00fcbernimmt. Ebenso ist die umgekehrte Verteilung m\u00f6glich: Eine kompakte, charakterstarke Display-Grotesk pr\u00e4gt die visuelle Stimme des Projekts, w\u00e4hrend eine ruhigere Antiqua l\u00e4ngere Textpassagen tr\u00e4gt.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_1_en.png\" alt=\"Zwei Artikellayouts mit gro\u00dfen \u00dcberschriften und Flie\u00dftext als Beispiele f\u00fcr Schriftkombinationen im Editorial Design.\" class=\"wp-image-10000062813\" title=\"Schriftkombinationen im Editorial Design: \u00dcberschriften und Flie\u00dftext aufeinander abstimmen.\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_1_en.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_1_en-1024x426.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_1_en-1200x499.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_1_en-768x319.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_1_en-420x175.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_1_en-308x128.png 308w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_1_en-144x60.png 144w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_1_en-600x250.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Diese Aufgabenteilung dient nicht nur der \u00c4sthetik. Sie hilft dabei, eine klare visuelle Hierarchie aufzubauen, sodass Leser intuitiv erkennen, welche Inhalte zuerst Aufmerksamkeit verlangen. Besonders wichtig ist das auf Websites und in&nbsp;Anwendungen, wo&nbsp;Seiten h\u00e4ufig nicht linear gelesen, sondern zun\u00e4chst visuell gescannt werden. In&nbsp;Pr\u00e4sentationen und im&nbsp;Branding l\u00e4sst sich Aufmerksamkeit \u00fcber klar definierte typografische Rollen steuern; im&nbsp;Editorial Design k\u00f6nnen verschiedene Textebenen voneinander getrennt werden, ohne zus\u00e4tzliche grafische Mittel wie Linien, Rahmen oder farbige Fl\u00e4chen einsetzen zu&nbsp;m\u00fcssen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Grundlagen der Auswahl von Schriftpaaren<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Grundprinzipien der Schriftkombination<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Das erste Prinzip ist der <strong>Kontrast<\/strong>. Zwei nahezu identische Schriften funktionieren als Paar meist nicht \u00fcberzeugend. Der Unterschied sollte deutlich genug sein, damit die jeweiligen Rollen klar erkennbar bleiben. Kontrast l\u00e4sst sich \u00fcber Schriftklassifikation, Breite, Strichst\u00e4rke, den Grad der Dekorativit\u00e4t oder andere Merkmale der Formensprache erzeugen. Auch Unterschiede in&nbsp;x-H\u00f6he und Proportionen k\u00f6nnen Kontrast schaffen, sind jedoch subtiler und in&nbsp;kleinen Schriftmustern schwieriger zu&nbsp;beurteilen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_2_en.png\" alt=\"Vergleich einer misslungenen und einer gelungenen Schriftkombination mit unterschiedlichem Kontrast zwischen den Buchstabenformen.\" class=\"wp-image-10000062814\" title=\"Kontrast bei Schriftkombinationen: So passen unterschiedliche Schriften zusammen.\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_2_en.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_2_en-1024x270.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_2_en-1200x316.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_2_en-768x202.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_2_en-420x111.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_2_en-486x128.png 486w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_2_en-228x60.png 228w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_2_en-600x158.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Das zweite Prinzip ist die <strong>Balance<\/strong>. Ist eine Schrift besonders expressiv und charakterstark, sollte die zweite zur\u00fcckhaltender sein und die funktionale Basis des Systems \u00fcbernehmen, w\u00e4hrend die erste Aufmerksamkeit erzeugt und zur Wiedererkennbarkeit beitr\u00e4gt. Eine solche Rollenverteilung schafft nicht nur Klarheit, sondern verhindert auch, dass das Layout \u00fcberladen oder visuell unruhig wirkt. Das wird besonders relevant, wenn zwei stark ausgepr\u00e4gte Schriften auf derselben Seite um&nbsp;Aufmerksamkeit konkurrieren.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_3_en.png\" alt=\"Vergleich konkurrierender dekorativer Schriften mit einer harmonischen Kombination aus einer Akzentschrift und einer neutralen Schrift.\" class=\"wp-image-10000062815\" title=\"Balance bei Schriftkombinationen: Dekorative und neutrale Schriften richtig einsetzen.\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_3_en.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_3_en-1024x270.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_3_en-1200x316.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_3_en-768x202.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_3_en-420x111.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_3_en-486x128.png 486w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_3_en-228x60.png 228w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_3_en-600x158.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Das dritte Prinzip ist die <strong>Hierarchie<\/strong>. Noch bevor konkrete Schriftfamilien ausgew\u00e4hlt werden, sollten die Funktionen definiert sein: \u00dcberschriften, Flie\u00dftext, Bildunterschriften, Ziffern, Navigation oder Zitate. So&nbsp;lassen sich Schriften gezielt f\u00fcr konkrete Aufgaben ausw\u00e4hlen, statt sich ausschlie\u00dflich auf Intuition zu&nbsp;verlassen. Gleichzeitig wird es&nbsp;einfacher, eine Schrift auszusortieren, die f\u00fcr sich genommen interessant wirkt, im&nbsp;konkreten Projekt aber keine eindeutige Aufgabe \u00fcbernimmt.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_4_en.png\" alt=\"Beispiel einer typografischen Hierarchie mit \u00dcberschrift, Zwischen\u00fcberschriften, Flie\u00dftext, Zitaten und Bildunterschrift.\" class=\"wp-image-10000062816\" title=\"Typografische Hierarchie gestalten: Schriften f\u00fcr verschiedene Textebenen einsetzen.\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_4_en.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_4_en-1024x355.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_4_en-1200x416.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_4_en-768x266.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_4_en-420x146.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_4_en-369x128.png 369w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_4_en-173x60.png 173w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_4_en-600x208.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Das vierte Prinzip ist die <strong>Harmonie<\/strong>. Obwohl sich zwei Schriften innerhalb eines Paars unterscheiden sollten, ben\u00f6tigen sie verbindende Merkmale. Das kann eine gemeinsame historische Referenz, eine verwandte Formensprache oder ein \u00e4hnlicher Charakter sein. Gelungene Schriftpaare teilen meist bestimmte gestalterische Eigenschaften und setzen gleichzeitig in&nbsp;einem oder mehreren zentralen Parametern einen deutlichen Kontrast. Ein typisches Beispiel ist eine geometrische Grotesk in&nbsp;Kombination mit einer Antiqua, die auf \u00e4hnlichen Proportionen basiert.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_5_en.png\" alt=\"Zwei Schriftkombinationen mit unterschiedlichem Kontrast zwischen \u00dcberschrift und erg\u00e4nzender Schrift.\" class=\"wp-image-10000062817\" title=\"Harmonie und Kontrast in der Typografie: Passende Schriftkombinationen finden.\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_5_en.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_5_en-1024x270.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_5_en-1200x316.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_5_en-768x202.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_5_en-420x111.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_5_en-486x128.png 486w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_5_en-228x60.png 228w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_5_en-600x158.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Regeln f\u00fcr die Kombination von Schriften<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr die meisten Aufgaben reichen zwei Schriftfamilien aus. Eine dritte sollte nur dann erg\u00e4nzt werden, wenn sie eine klar definierte Funktion erf\u00fcllt&nbsp;\u2014 zum Beispiel als Monospace-Schrift f\u00fcr Code oder als Familie mit speziellen Ziffernformen f\u00fcr Tabellen und Daten. Zus\u00e4tzliche Familien schaffen meist eher visuelle Unruhe als weitere Struktur; irgendwann wird nicht mehr eindeutig erkennbar, welche typografische Ebene welche Funktion erf\u00fcllt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Manchmal l\u00e4sst sich ein Schriftpaar auch innerhalb einer einzigen Schriftfamilie aufbauen, da&nbsp;sich Schnitte oder Unterfamilien deutlich voneinander unterscheiden k\u00f6nnen. In&nbsp;diesem Fall stellt sich die Frage der grunds\u00e4tzlichen Kompatibilit\u00e4t weniger stark, da&nbsp;die Gestalter bereits bei der Entwicklung darauf achten, dass die einzelnen Teile der Familie miteinander funktionieren. <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-livret\/\">TT&nbsp;Livret<\/a> umfasst beispielsweise eine Text- und eine Display-Unterfamilie.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_6_en.png\" alt=\"Editorial-Layout mit TT Livret Display f\u00fcr die ausdrucksstarke \u00dcberschrift und TT Livret Text f\u00fcr den Flie\u00dftext.\" class=\"wp-image-10000062818\" title=\"TT Livret Display und TT Livret Text: Schriftkombination innerhalb einer Schriftfamilie.\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_6_en.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_6_en-1024x585.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_6_en-1200x685.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_6_en-768x438.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_6_en-420x240.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_6_en-224x128.png 224w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_6_en-105x60.png 105w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_6_en-600x343.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Zwei Schriftfamilien sollten nicht allein deshalb kombiniert werden, weil beide f\u00fcr sich genommen gefallen. Entscheidend ist, wie sie nebeneinander im&nbsp;tats\u00e4chlichen Layout funktionieren. Ist der Unterschied zwischen beiden kaum wahrnehmbar, ist meist eine andere Kombination sinnvoller. Alternativ lassen sich zwei Schnitte derselben Schriftfamilie einsetzen und Kontraste \u00fcber Schriftgrad und Strichst\u00e4rke erzeugen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die Rollen sollten im&nbsp;Voraus festgelegt werden. F\u00fcr l\u00e4ngere Texte sind Zur\u00fcckhaltung, eindeutige Zeichenformen und gute Lesbarkeit wichtig. In&nbsp;\u00dcberschriften k\u00f6nnen dagegen expressivere L\u00f6sungen sinnvoll sein. Wer diese Rollen fr\u00fch definiert, vermeidet au\u00dferdem, eine ausgepr\u00e4gte Display-Schrift f\u00fcr l\u00e4ngere Textpassagen einzusetzen, f\u00fcr die sie nicht entwickelt wurde.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">So&nbsp;w\u00e4hlt man ein Schriftpaar richtig aus<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Beginnen Sie mit der Hauptschriftfamilie des Projekts.<\/strong> Verwendet eine Marke bereits eine bestimmte Schrift, geht es&nbsp;nicht darum, zwei neue L\u00f6sungen zu&nbsp;finden, sondern eine passende Erg\u00e4nzung zur bestehenden Schrift auszuw\u00e4hlen. Gibt es&nbsp;bereits eine definierte visuelle Identit\u00e4t, sollte auch sie in&nbsp;die Auswahl einbezogen werden. Farben, Bildsprache und Tonalit\u00e4t k\u00f6nnen wichtige Hinweise f\u00fcr die Suche nach der erg\u00e4nzenden Schrift geben.<\/li>\n\n\n\n<li><strong>Betrachten Sie die gesamte Schriftfamilie.<\/strong> Mehrere Strichst\u00e4rken, echte kursive Schnitte, Alternativzeichen und variable Achsen erweitern die typografischen M\u00f6glichkeiten erheblich. Besonders in&nbsp;gr\u00f6\u00dferen digitalen Produkten ist das hilfreich, da&nbsp;eine einzige gut ausgebaute Schriftfamilie eine ganze Reihe unterschiedlicher Aufgaben \u00fcbernehmen kann&nbsp;\u2014 von kleinen Interface-Elementen bis zu&nbsp;gro\u00dfformatigen \u00dcberschriften.<\/li>\n\n\n\n<li><strong>Testen Sie das gew\u00e4hlte Paar anschlie\u00dfend in&nbsp;seiner tats\u00e4chlichen Einsatzumgebung:<\/strong> auf dem vorgesehenen Hintergrund, in&nbsp;den geplanten Rollen und in&nbsp;den ben\u00f6tigten Schriftgraden. So&nbsp;l\u00e4sst sich gleichzeitig \u00fcberpr\u00fcfen, ob&nbsp;alle erforderlichen Zeichen, Schnitte und Features vorhanden sind&nbsp;\u2014 beispielsweise W\u00e4hrungssymbole, Br\u00fcche oder die ben\u00f6tigte Sprachunterst\u00fctzung.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">So&nbsp;kombiniert man unterschiedliche Schriftarten<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Antiqua und Grotesk kombinieren<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Antiqua plus Grotesk geh\u00f6rt zu&nbsp;den klassischen Kombinationen. Die Eleganz und die humanistischen Merkmale der einen Schrift stehen dabei einer neutraleren oder geometrischeren Formensprache der anderen gegen\u00fcber. Allein die Zugeh\u00f6rigkeit zu&nbsp;unterschiedlichen Klassen reicht jedoch nicht aus: Auch Proportionen, Zeichenformen und der allgemeine Charakter sollten miteinander verglichen werden. Eine Antiqua und eine Grotesk k\u00f6nnen gestalterisch ebenso miteinander kollidieren wie zwei Schriften derselben Klasse.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eine verl\u00e4ssliche L\u00f6sung ist eine Antiqua f\u00fcr \u00dcberschriften und eine Grotesk f\u00fcr den Flie\u00dftext. Diese Kombination funktioniert gut in&nbsp;Editorial-Projekten, auf Landingpages, in&nbsp;Pr\u00e4sentationen und in&nbsp;Brand-Systemen. Auch die umgekehrte Rollenverteilung ist sinnvoll: Eine neutrale Grotesk sorgt f\u00fcr klare \u00dcberschriften und Navigation, w\u00e4hrend eine Antiqua l\u00e4ngeren Texten einen literarischeren Charakter und einen ausgepr\u00e4gteren Rhythmus verleiht.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein anschauliches Beispiel sind <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-norms-pro\/\">TT&nbsp;Norms<sup class=\"reg\">\u00ae<\/sup> Pro<\/a> und <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-norms-pro-serif\/\">TT&nbsp;Norms<sup class=\"reg\">\u00ae<\/sup> Pro Serif<\/a>. Die erste Schriftfamilie ist eine funktionale geometrische Grotesk, die zweite eine neutrale und elegante Antiqua, die auf der gestalterischen Grundlage von TT&nbsp;Norms<sup class=\"reg\">\u00ae<\/sup> Pro entwickelt wurde. Durch gemeinsame Proportionen und Konstruktionsprinzipien bleiben beide Familien deutlich miteinander verbunden, obwohl sie unterschiedlichen Schriftklassen angeh\u00f6ren. Das ist eine der verl\u00e4sslichsten M\u00f6glichkeiten, Kontrast und Harmonie gleichzeitig zu&nbsp;erzeugen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_7_en.png\" alt=\"Zwei Layoutbeispiele mit Kombinationen aus Serifenschriften und serifenlosen Schriften f\u00fcr \u00dcberschriften und Flie\u00dftext.\" class=\"wp-image-10000062819\" title=\"Serifenschriften und serifenlose Schriften kombinieren: Beispiele f\u00fcr Editorial- und Webdesign.\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_7_en.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_7_en-1024x417.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_7_en-1200x489.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_7_en-768x313.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_7_en-420x171.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_7_en-314x128.png 314w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_7_en-147x60.png 147w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_7_en-600x245.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schreibschriften kombinieren<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Schreibschriften sollten gezielt und dosiert eingesetzt werden. Sie funktionieren gut in&nbsp;Logos, kurzen Zitaten, im&nbsp;Packaging Design oder f\u00fcr einzelne Akzente, eignen sich jedoch nur selten f\u00fcr l\u00e4ngere Textpassagen. Als Partner bietet sich deshalb meist eine zur\u00fcckhaltende Grotesk oder eine gut lesbare Antiqua an. Eine Schreibschrift in&nbsp;Kombination mit einer Grotesk wirkt h\u00e4ufig zeitgem\u00e4\u00dfer, w\u00e4hrend die Verbindung mit einer Antiqua tendenziell formeller erscheint.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die entscheidende Frage ist nicht, ob&nbsp;zwei Buchstabenformen nebeneinander attraktiv aussehen, sondern ob&nbsp;die Gesamtstruktur der Seite erhalten bleibt. Gibt eine Schreibschrift bereits eine starke emotionale Tonalit\u00e4t vor, sollte die zweite Schrift vor allem Orientierung und Lesbarkeit unterst\u00fctzen und nicht zus\u00e4tzlich um&nbsp;Aufmerksamkeit konkurrieren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/typetype.org\/de\/fonts\/tt-gentlemens\/\">TT&nbsp;Gentlemens<\/a> l\u00e4sst sich beispielsweise als expressiver handschriftlicher Akzent einsetzen, w\u00e4hrend die humanistische Grotesk <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-chocolates\/\">TT&nbsp;Chocolates<\/a> eine funktionalere Grundlage bildet. TT&nbsp;Gentlemens besitzt eine dynamische Formensprache und verbindet Pr\u00e4gnanz mit Eleganz. TT&nbsp;Chocolates dagegen ist eine zug\u00e4ngliche humanistische Grotesk mit kompakterem Satzbild und ausgewogenen Proportionen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_8_en.png\" alt=\"Zwei Beispiele f\u00fcr Schreibschriftkombinationen: TT Gentlemens mit TT Chocolates und TT Chocolates mit TT Fellows.\" class=\"wp-image-10000062820\" title=\"Schreibschriften mit neutralen Schriftfamilien kombinieren: Beispiele von TypeType.\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_8_en.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_8_en-1024x476.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_8_en-1200x558.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_8_en-768x357.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_8_en-420x195.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_8_en-275x128.png 275w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_8_en-129x60.png 129w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_8_en-600x279.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Zeitgem\u00e4\u00dfe Schriftkombinationen<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr 2026 lassen sich mehrere parallele Tendenzen beobachten: die R\u00fcckkehr expressiver Antiqua-Schriften, ein wachsendes Interesse an&nbsp;kontrastreichen und gro\u00dfformatigen Kompositionen, weichere und menschlichere Formen, Mehrsprachigkeit sowie umfangreiche Schriftfamilien und Variable Fonts. Schrift wird dabei zunehmend nicht nur als Tr\u00e4ger von Information verstanden, sondern als zentraler Bestandteil des visuellen Systems.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Trends sollten bei der Auswahl von Schriftpaaren allerdings kein Selbstzweck sein. Wichtiger ist, ob&nbsp;eine Kombination zur Marke passt und auch \u00fcber mehrere Jahre hinweg funktionieren kann. Eine modische L\u00f6sung, die innerhalb eines einzelnen Sonderprojekts \u00fcberzeugt, ist h\u00e4ufig weniger tragf\u00e4hig als ein ruhiges System, das sich auf Website, Apps, Verpackung und Pr\u00e4sentationen \u00fcbertragen l\u00e4sst.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein praktischer Ansatz ist die Kombination einer zeitgem\u00e4\u00dfen Grotesk mit einer klassischen Antiqua. Die Grotesk h\u00e4lt die Gestaltung gegenw\u00e4rtig, w\u00e4hrend die Antiqua zus\u00e4tzliche Tiefe einbringt. Eine solche Verbindung altert h\u00e4ufig ruhiger als zwei Schriften, deren Charakter stark vom selben kurzfristigen Trend gepr\u00e4gt ist.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schriftpaare f\u00fcr Logos ausw\u00e4hlen<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Bei einem Logo steht die Wiedererkennbarkeit im&nbsp;Vordergrund, weshalb hier mehr typografischer Charakter m\u00f6glich ist. Ein Logo existiert jedoch nur selten isoliert von einer Website oder anderen Elementen der visuellen Identit\u00e4t&nbsp;\u2014 und genau das sollte bei der Auswahl ber\u00fccksichtigt werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Basiert das Logo auf einer dekorativen Schrift oder einer Schreibschrift, empfiehlt sich f\u00fcr die weitere Kommunikation eine neutralere Textschrift. Ist das Logo dagegen in&nbsp;einer reduzierten Grotesk gesetzt, kann diese auch f\u00fcr weitere Akzente innerhalb der Identit\u00e4t eingesetzt werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wichtig ist, dass die zweite Schriftfamilie die Formensprache des Logos nicht zu&nbsp;unmittelbar kopiert. Robuster ist&nbsp;es, dessen Tonalit\u00e4t aufzugreifen&nbsp;\u2014 etwa Strenge, Weichheit, technologische Anmutung oder einen Retro-Charakter&nbsp;\u2014 und gleichzeitig gen\u00fcgend Distanz f\u00fcr eine klare Hierarchie zu&nbsp;bewahren. Andernfalls kann das Logo an&nbsp;Eigenst\u00e4ndigkeit verlieren, w\u00e4hrend die begleitende Typografie wie eine unvollst\u00e4ndige Variante davon wirkt.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Gelungene Schriftkombinationen 2026: popul\u00e4re Beispiele<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Eine universelle Rangliste gibt es&nbsp;nicht: Welche Schriftkombination am&nbsp;besten funktioniert, h\u00e4ngt immer von der jeweiligen Aufgabe ab.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>F\u00fcr Websites.<\/strong> Eine neutrale Textschrift l\u00e4sst sich mit einer charakterst\u00e4rkeren Schrift f\u00fcr \u00dcberschriften kombinieren. Beide sollten dabei auf unterschiedlichen Bildschirmgr\u00f6\u00dfen zuverl\u00e4ssig funktionieren. <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-bluescreens\/\">TT&nbsp;Bluescreens Pro<\/a> kann beispielsweise f\u00fcr gro\u00dfe Akzente eingesetzt werden, <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-firs-text\/\">TT&nbsp;Firs Text<\/a> f\u00fcr den Flie\u00dftext. TT&nbsp;Bluescreens Pro basiert auf schmalen Proportionen und ist vor allem f\u00fcr expressive Anwendungen konzipiert, w\u00e4hrend TT&nbsp;Firs Text als universell einsetzbare geometrische Text-Grotesk entwickelt wurde.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>F\u00fcr Pr\u00e4sentationen.<\/strong> Hier funktioniert insbesondere der Kontrast in&nbsp;Schriftgrad und Strichst\u00e4rke. Gro\u00dfe \u00dcberschriften m\u00fcssen auch aus gr\u00f6\u00dferer Entfernung klar erkennbar sein, w\u00e4hrend der Text auf einer Folie als geschlossenes Satzbild bestehen sollte. Beide Schriften m\u00fcssen daher auch auf Distanz gut lesbar bleiben; zu&nbsp;viel Dekorativit\u00e4t ist in&nbsp;diesem Kontext meist wenig hilfreich.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>F\u00fcr Branding.<\/strong> Besonders n\u00fctzlich sind in&nbsp;visuellen Identit\u00e4ten Schriftpaare, bei denen eine Schrift den Charakter pr\u00e4gt und die zweite das System auf Interfaces, Dokumente und l\u00e4ngere Textformate \u00fcbertr\u00e4gt. Letztere wird h\u00e4ufig auch mit Blick auf das Logo ausgew\u00e4hlt. F\u00fcr die charakterbildende Rolle kommen dabei durchaus expressivere oder ungew\u00f6hnlichere L\u00f6sungen infrage, die sich mit einer universellen Grotesk kombinieren lassen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Beispiele f\u00fcr Schriftpaare<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Im&nbsp;Folgenden zeigen wir einige Beispiele aus dem TypeType-Katalog, die jeweils mit unterschiedlichen Formen von Kontrast arbeiten.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">TT&nbsp;Dott + TT&nbsp;Rounds Neue<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_9_en.png\" alt=\"Schriftkombination aus TT Dott als pixelartiger Akzentschrift und TT Rounds Neue als abgerundeter Textschrift.\" class=\"wp-image-10000062821\" title=\"TT Dott und TT Rounds Neue: Pixelschrift mit einer abgerundeten Grotesk kombinieren.\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_9_en.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_9_en-1024x193.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_9_en-1200x226.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_9_en-768x145.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_9_en-420x79.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_9_en-680x128.png 680w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_9_en-319x60.png 319w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_9_en-600x113.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/typetype.org\/de\/fonts\/tt-dott\/\">TT&nbsp;Dott<\/a> ist eine experimentelle Pixel-Grotesk, deren modulares System auf der Kreisform basiert. Sie ist vor allem f\u00fcr gro\u00dfe Akzente konzipiert. <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-rounds-neue\/\">TT&nbsp;Rounds Neue<\/a> ist eine weiche, gerundete Grotesk mit zur\u00fcckhaltenderem Charakter und einer umfangreichen Auswahl an&nbsp;Schnitten. Innerhalb eines Schriftpaars kann TT&nbsp;Dott f\u00fcr eine expressive Festival\u00e4sthetik, technologische Anmutung oder spielerische Akzente sorgen, w\u00e4hrend TT&nbsp;Rounds Neue Zwischen\u00fcberschriften und Text \u00fcbernimmt.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">TT&nbsp;Bluescreens Pro + TT&nbsp;Firs Text<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_10_en.png\" alt=\"Schriftkombination aus der schmalen Akzentschrift TT Bluescreens Pro und der neutralen Textschrift TT Firs Text.\" class=\"wp-image-10000062822\" title=\"TT Bluescreens Pro und TT Firs Text: Schriftkombination f\u00fcr Websites und Digitaldesign.\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_10_en.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_10_en-1024x193.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_10_en-1200x226.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_10_en-768x145.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_10_en-420x79.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_10_en-680x128.png 680w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_10_en-319x60.png 319w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_10_en-600x113.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Der Kontrast entsteht hier vor allem \u00fcber Breite und Funktion. <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-bluescreens\/\">TT&nbsp;Bluescreens Pro<\/a> ist eine schmale Neogrotesk f\u00fcr Display-Anwendungen, die besonders in&nbsp;gro\u00dfen Schriftgraden zur Geltung kommt. <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-firs-text\/\">TT&nbsp;Firs Text<\/a> ist eine ruhigere Textschrift mit gleichm\u00e4\u00dfigem Satzbild. Die Kombination eignet sich f\u00fcr digitale Projekte, technologieorientiertes Branding, Plakate und Pr\u00e4sentationen.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">TT&nbsp;Ricks + TT&nbsp;Regins Subhead<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_11_en.png\" alt=\"Schriftkombination aus TT Ricks und TT Regins Subhead mit kontrastierenden Buchstabenformen und Serifendetails.\" class=\"wp-image-10000062823\" title=\"TT Ricks und TT Regins Subhead: Zwei charaktervolle Serifenschriften kombinieren.\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_11_en.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_11_en-1024x242.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_11_en-1200x283.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_11_en-768x181.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_11_en-420x99.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_11_en-542x128.png 542w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_11_en-254x60.png 254w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_11_en-600x142.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Dieses Schriftpaar ist komplexer, da&nbsp;beide Familien zu&nbsp;den Antiqua-Schriften geh\u00f6ren und einen ausgepr\u00e4gten eigenen Charakter besitzen. <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-ricks\/\">TT&nbsp;Ricks<\/a> ist eine schmale, kantige Hochkontrast-Antiqua mit markanten, beinahe stacheligen Serifen. <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-regins\/\">TT&nbsp;Regins Subhead<\/a> ist eine Unterfamilie einer klassizistischen Antiqua, die f\u00fcr weichere Akzente und Textsatz konzipiert wurde.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">TT&nbsp;Wellingtons + TT&nbsp;Norms<sup class=\"reg\">\u00ae<\/sup> Pro Serif<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_12_en.png\" alt=\"Schriftkombination aus der humanistischen Grotesk TT Wellingtons und der neutralen Serifenschrift TT Norms Pro Serif.\" class=\"wp-image-10000062824\" title=\"TT Wellingtons und TT Norms Pro Serif: Schriftkombination f\u00fcr Editorial Design.\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_12_en.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_12_en-1024x203.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_12_en-1200x238.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_12_en-768x152.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_12_en-420x83.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_12_en-647x128.png 647w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_12_en-303x60.png 303w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_12_en-600x119.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/typetype.org\/de\/fonts\/tt-wellingtons\/\">TT&nbsp;Wellingtons<\/a> ist eine moderne humanistische Grotesk mit Ankl\u00e4ngen an&nbsp;den Duktus einer Breitfeder. <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-norms-pro-serif\/\">TT&nbsp;Norms<sup class=\"reg\">\u00ae<\/sup> Pro Serif<\/a> ist eine neutrale, funktionale Antiqua. Die Kombination eignet sich f\u00fcr Editorial Design, Pr\u00e4sentationen sowie kulturelle Projekte und Bildungsprojekte: Die Grotesk bringt Lebendigkeit und einen zeitgen\u00f6ssischen Charakter ein, die Antiqua eine ruhigere, literarische Ebene.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">TT&nbsp;Gentlemens + TT&nbsp;Chocolates<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_13_en.png\" alt=\"Schriftkombination aus der ausdrucksstarken Schreibschrift TT Gentlemens und der freundlichen humanistischen Grotesk TT Chocolates.\" class=\"wp-image-10000062825\" title=\"TT Gentlemens und TT Chocolates: Schreibschrift und Grotesk f\u00fcr das Branding kombinieren.\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_13_en.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_13_en-1024x254.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_13_en-1200x298.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_13_en-768x190.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_13_en-420x104.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_13_en-516x128.png 516w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_13_en-242x60.png 242w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_13_en-600x149.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Die Schreibschrift <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-gentlemens\/\">TT&nbsp;Gentlemens<\/a> l\u00e4sst sich sinnvoll als gezielter Akzent einsetzen&nbsp;\u2014 etwa im&nbsp;Logo, in&nbsp;einem kurzen Zitat oder in&nbsp;einem Produktnamen. <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-chocolates\/\">TT&nbsp;Chocolates<\/a> \u00fcbernimmt dagegen den Mengentext und die funktionaleren Rollen. Die Kombination eignet sich besonders f\u00fcr Projekte, die eine zug\u00e4ngliche, elegante oder gastronomische Tonalit\u00e4t ben\u00f6tigen, ohne dabei an&nbsp;Lesbarkeit zu&nbsp;verlieren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Alle Schriftfamilien im&nbsp;<a href=\"https:\/\/typetype.org\/de\/fonts\/\">TypeType-Katalog<\/a> unterst\u00fctzen Kyrillisch, einschlie\u00dflich erweiterter kyrillischer Zeichens\u00e4tze.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Tabelle mit Schriftkombinationen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Die folgende Tabelle fasst die wichtigsten Punkte dieses Leitfadens zusammen. Sie kann als schnelle Orientierung dienen; jede Entscheidung sollte anschlie\u00dfend im&nbsp;tats\u00e4chlichen Layout \u00fcberpr\u00fcft werden.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td class=\"has-text-align-center\" data-align=\"center\"><strong><strong>Aufgabe<\/strong><\/strong><\/td><td class=\"has-text-align-center\" data-align=\"center\"><strong><strong>Erste Schrift<\/strong><\/strong><\/td><td class=\"has-text-align-center\" data-align=\"center\"><strong>Second Typeface (Role)<\/strong><\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Website&nbsp;\/ App<\/td><td class=\"has-text-align-center\" data-align=\"center\">expressive Display-Schrift f\u00fcr \u00dcberschriften<\/td><td class=\"has-text-align-center\" data-align=\"center\">neutrale Grotesk f\u00fcr Flie\u00dftext<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Editorial-Projekt<\/td><td class=\"has-text-align-center\" data-align=\"center\">Hochkontrast-Antiqua f\u00fcr Titel<\/td><td class=\"has-text-align-center\" data-align=\"center\">neutrale Antiqua&nbsp;\/ Grotesk f\u00fcr Text<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Branding<\/td><td class=\"has-text-align-center\" data-align=\"center\">Display-Schrift mit markanten Formen<\/td><td class=\"has-text-align-center\" data-align=\"center\">universelle Grotesk<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Pr\u00e4sentation<\/td><td class=\"has-text-align-center\" data-align=\"center\">breite oder kr\u00e4ftige Grotesk f\u00fcr gro\u00dfe Akzente<\/td><td class=\"has-text-align-center\" data-align=\"center\">ruhige, gut lesbare Textschrift<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">Logo<\/td><td class=\"has-text-align-center\" data-align=\"center\">Schreibschrift oder individuell gestaltete Schrift<\/td><td class=\"has-text-align-center\" data-align=\"center\">funktionale, neutrale Schrift<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Online-Tools und Generatoren f\u00fcr Schriftpaare<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Online-Tools sind hilfreich, wenn man den Suchraum schnell erweitern oder eine gestalterische Richtung \u00fcberpr\u00fcfen m\u00f6chte. Sie haben jedoch eine grunds\u00e4tzliche Einschr\u00e4nkung: Die meisten arbeiten \u00fcberwiegend mit kostenlosen Schriftbibliotheken, insbesondere mit Google Fonts.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kommerzielle Schriftfamilien unabh\u00e4ngiger Foundries sind in&nbsp;solchen Datenbanken h\u00e4ufig nicht vertreten. Die Vorschl\u00e4ge der Tools sollten deshalb eher als Orientierung und Ausgangspunkt verstanden werden als als endg\u00fcltige Entscheidung. Die tats\u00e4chlich vorgesehenen und zu&nbsp;lizenzierenden Schriften sollten anschlie\u00dfend immer im&nbsp;eigenen Layout getestet werden.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Websites zur Auswahl von Schriftkombinationen<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><a href=\"https:\/\/www.figma.com\/google-fonts\/\" target=\"_blank\" rel=\"noopener\">Figma Google Font Pairings<\/a><\/strong> bietet eine vorgefertigte Sammlung von Kombinationen mit Montserrat, Lato, Open Sans, Roboto, Lora, Raleway und weiteren verbreiteten Schriftfamilien. Praktisch ist, dass die Schriften bereits paarweise zusammengestellt sind. Sprachunterst\u00fctzung und ben\u00f6tigte OpenType Features sollten jedoch separat gepr\u00fcft werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><a href=\"https:\/\/www.fontshare.com\/pairs\" target=\"_blank\" rel=\"noopener\">Fontshare Pairs<\/a><\/strong> ist eine Sammlung vorgefertigter Kombinationen innerhalb der Fontshare-Bibliothek. Sie kann als zus\u00e4tzliche Inspirationsquelle dienen, besonders wenn man nicht immer wieder auf dieselben Google-Fonts-Kombinationen zur\u00fcckgreifen m\u00f6chte. Vor dem Einsatz sollte jedoch gepr\u00fcft werden, welche Strichst\u00e4rken und Schnitte die jeweiligen Schriftfamilien tats\u00e4chlich enthalten.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><a href=\"https:\/\/fontpair.co\/\" target=\"_blank\" rel=\"noopener\">Fontpair<\/a><\/strong> bietet mehr als tausend kuratierte Kombinationen aus Google Fonts und Fontshare. Die einzelnen Paare lassen sich mit eigenem Text testen und f\u00fcr eine sp\u00e4tere Auswahl speichern. Das ist insbesondere praktisch, wenn vor einem Kundentermin zun\u00e4chst eine engere Auswahl m\u00f6glicher Kombinationen zusammengestellt werden soll.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">AI&nbsp;Font Pairing Generator und Font-Finder<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><a href=\"https:\/\/fontjoy.com\/\" target=\"_blank\" rel=\"noopener\">Fontjoy<\/a><\/strong> geh\u00f6rt zu&nbsp;den bekanntesten AI&nbsp;Font Pairing Generatoren. Das Tool generiert Kombinationen f\u00fcr \u00dcberschrift, Zwischen\u00fcberschrift und Flie\u00dftext, erlaubt&nbsp;es, einzelne Varianten zu&nbsp;fixieren und die \u00fcbrigen neu zu&nbsp;generieren. Au\u00dferdem kann eigener Text, beispielsweise ein Marken- oder Unternehmensname, direkt in&nbsp;der Vorschau getestet werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Der Entwickler Jack Qiao beschreibt das zugrunde liegende Prinzip&nbsp;so, dass Schriften entlang verschiedener Merkmale wie Strichst\u00e4rke, Neigung oder dem Vorhandensein von Serifen eingeordnet werden. Geeignete Kandidaten \u00e4hneln sich in&nbsp;bestimmten Dimensionen und unterscheiden sich in&nbsp;anderen deutlich. Damit folgt das Tool im&nbsp;Kern demselben Prinzip aus \u00c4hnlichkeit und Kontrast, das auch bei der manuellen Auswahl von Schriftpaaren eine zentrale Rolle spielt&nbsp;\u2014 hier allerdings \u00fcber ein neuronales Netz berechnet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><a href=\"https:\/\/www.aiuidesigner.com\/de\/tools\/font-pairing\" target=\"_blank\" rel=\"noopener\">AI&nbsp;UI&nbsp;Designer Font Pairing<\/a><\/strong> bietet vorgefertigte Kombinationen aus Google Fonts, Filter nach Stil und Einsatzbereich, eine Live-Vorschau sowie CSS-Export. Das Tool eignet sich f\u00fcr die schnelle Arbeit an&nbsp;Weblayouts, insbesondere wenn der \u00dcbergang von einer ersten Idee zum Prototyp m\u00f6glichst direkt erfolgen soll.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Font Finder l\u00f6st eine andere Aufgabe: Man hat eine interessante Schrift gesehen, kennt ihren Namen jedoch nicht und m\u00f6chte sie identifizieren, um&nbsp;anschlie\u00dfend eine passende Kombination darum aufzubauen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><a href=\"https:\/\/www.myfonts.com\/pages\/whatthefont\" target=\"_blank\" rel=\"noopener\">WhatTheFont<\/a><\/strong> von MyFonts vergleicht ein hochgeladenes Bild mit dem eigenen Katalog und zeigt m\u00f6glichst \u00e4hnliche Treffer. Mit der mobilen App lassen sich beispielsweise Poster, Logos oder Verpackungen direkt fotografieren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><a href=\"https:\/\/www.fontsquirrel.com\/matcherator\" target=\"_blank\" rel=\"noopener\">Font Squirrel Matcherator<\/a><\/strong> arbeitet nach einem \u00e4hnlichen Prinzip mit JPG-, GIF- und PNG-Dateien. Die Entwickler weisen allerdings darauf hin, dass Schreibschriften und verbundene Buchstabenformen schwieriger zuverl\u00e4ssig zu&nbsp;erkennen sind.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Tools und Apps zum Testen von Schriftkombinationen<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Generatoren und \u00e4hnliche Tools schlagen m\u00f6gliche Kombinationen vor. Ebenso hilfreich ist es&nbsp;jedoch zu&nbsp;sehen, wie Schriftpaare in&nbsp;realen Projekten funktionieren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><a href=\"https:\/\/www.typewolf.com\/\" target=\"_blank\" rel=\"noopener\">Typewolf<\/a><\/strong> sammelt Beispiele f\u00fcr Schriften, die auf gut gestalteten Websites verwendet werden, und erg\u00e4nzt sie unter anderem um&nbsp;\u00e4hnliche Schriftfamilien, vorgeschlagene Kombinationen und kostenlose Alternativen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><a href=\"https:\/\/fontsinuse.com\/\" target=\"_blank\" rel=\"noopener\">Fonts In&nbsp;Use<\/a><\/strong> ist ein unabh\u00e4ngiges, durchsuchbares Archiv typografischer Gestaltung, das nach Schrift, Format und Thema erschlossen ist. Dadurch eignet es&nbsp;sich besonders gut, um&nbsp;reale Beispiele f\u00fcr Schriftpaare in&nbsp;Branding, Verpackungsdesign, B\u00fcchern und Leitsystemen zu&nbsp;untersuchen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Auch Designanwendungen bieten teilweise einfache Funktionen f\u00fcr Schriftkombinationen. Canva enth\u00e4lt im&nbsp;Text-Bereich eine Reihe vorbereiteter Kombinationen; bei der Suche nach einer bestimmten Schrift werden au\u00dferdem Presets angezeigt, die auf dieser Schrift basieren. F\u00fcr Nicht-Designer kann das ein schneller Weg zu&nbsp;einer funktionierenden Ausgangskombination sein.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr einen sehr einfachen Test kann auch Google Fonts selbst verwendet werden. Eigener Text l\u00e4sst sich direkt in&nbsp;die Vorschau eingeben, sodass mehrere Schriftfamilien bei identischem Schriftgrad miteinander verglichen werden k\u00f6nnen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Tipps f\u00fcr die Kombination von Schriften<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_14.png\" alt=\"Dekorative typografische Komposition mit lateinischen Buchstaben, mathematischen Symbolen und geometrischen Formen.\" class=\"wp-image-10000062826\" title=\"Typografische Komposition mit Buchstaben und Symbolen \u2013 TypeType-Illustration.\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_14.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_14-1024x240.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_14-1200x281.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_14-768x180.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_14-420x98.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_14-547x128.png 547w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_14-256x60.png 256w, https:\/\/typetype.org\/de\/wp-content\/uploads\/blog_font_pairing_14-600x140.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Beginnen Sie mit der Funktion, nicht mit der Form.<\/strong> Entscheiden Sie zun\u00e4chst, was zuerst, zweitens und drittens gelesen werden soll. Daraus ergibt sich wesentlich leichter, wo&nbsp;ein typografischer Akzent notwendig ist und wo&nbsp;Zur\u00fcckhaltung gefragt ist.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Testen Sie mit realen Texten.<\/strong> Markenname, l\u00e4ngere Abs\u00e4tze, Ziffern, Datumsangaben, Buttons und Bildunterschriften machen Probleme schnell sichtbar, die bei einer reinen Darstellung des Alphabets kaum auffallen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ber\u00fccksichtigen Sie den Charakter der Marke.<\/strong> Eine Bank, ein Caf\u00e9 und ein Gaming-Studio ben\u00f6tigen unterschiedliche typografische Stimmen. Es&nbsp;kann hilfreich sein, den gew\u00fcnschten Charakter vor Beginn der Suche mit zwei oder drei Begriffen zu&nbsp;beschreiben und diese anschlie\u00dfend als Orientierung bei der Auswahl zu&nbsp;verwenden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Kombinieren Sie moderne und klassische Ans\u00e4tze bewusst.<\/strong> Eine moderne Grotesk neben einer traditionellen Antiqua ist eine verl\u00e4ssliche M\u00f6glichkeit, Kontrast zu&nbsp;schaffen&nbsp;\u2014 vorausgesetzt, beide besitzen verbindende Merkmale, etwa \u00e4hnliche Proportionen, eine vergleichbare x-H\u00f6he oder einen verwandten Gesamtrhythmus.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Versuchen Sie nicht, eine ungeeignete Kombination durch Einstellungen zu&nbsp;korrigieren.<\/strong> Wenn zwei Schriften grunds\u00e4tzlich miteinander konkurrieren, l\u00e4sst sich das nur selten durch manuelle Anpassungen der Laufweite, des Zeilenabstands oder anderer Parameter l\u00f6sen. In&nbsp;diesem Fall ist es&nbsp;sinnvoller, die Ausgangskombination noch einmal zu&nbsp;\u00fcberdenken.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Vergleichen Sie unterschiedliche Schriftgrade.<\/strong> Was bei 72&nbsp;px hervorragend funktioniert, kann bei 24&nbsp;px seinen Charakter verlieren. Umgekehrt kann eine \u00fcberzeugende Textschrift in&nbsp;einer gro\u00dfen \u00dcberschrift zu&nbsp;zur\u00fcckhaltend wirken.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Pr\u00fcfen Sie das gesamte System.<\/strong> Ein gelungenes Schriftpaar sollte nicht nur auf einem einzelnen Screen funktionieren, sondern auch in&nbsp;Men\u00fcs, Cards, Formularen, Tabellen, Pr\u00e4sentationen und Printmaterialien&nbsp;\u2014 \u00fcberall dort, wo&nbsp;die visuelle Identit\u00e4t einer Marke zum Einsatz kommt.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">H\u00e4ufige Fehler bei der Auswahl von Schriftpaaren<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Fehler&nbsp;1: Zu&nbsp;viele Schriftfamilien verwenden.<\/strong> Wenn jeder Bereich eine eigene typografische Stimme erh\u00e4lt, geht die Hierarchie verloren und das Layout wird visuell unruhig. Zwei Familien, in&nbsp;Ausnahmef\u00e4llen drei, reichen f\u00fcr die meisten Projekte aus.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Fehler&nbsp;2: Zu&nbsp;wenig Kontrast.<\/strong> Zwei \u00e4hnliche Schriften mit nahezu identischen Formen wirken h\u00e4ufig wie ein technischer Fehler, als w\u00e4re ein Teil des Textes versehentlich durch eine Systemschrift ersetzt worden. Soll der Charakter eng verwandt bleiben, sind unterschiedliche Schnitte einer einzigen Schriftfamilie meist die klarere L\u00f6sung. Werden zwei verschiedene Familien eingesetzt, sollte ihr Unterschied deutlich erkennbar sein.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Fehler&nbsp;3: Eine unklare Hierarchie.<\/strong> Probleme entstehen, wenn typografische Rollen nicht eindeutig definiert sind&nbsp;\u2014 beispielsweise wenn der Flie\u00dftext in&nbsp;einer schwereren oder expressiveren Schrift gesetzt ist als die \u00dcberschrift oder wenn sich \u00dcberschrift und Zwischen\u00fcberschrift im&nbsp;Schriftgrad kaum unterscheiden. F\u00fcr Leser ist dann nicht mehr unmittelbar erkennbar, welche Informationsebene Vorrang hat.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Fehler&nbsp;4: Widerspr\u00fcchliche Charaktere.<\/strong> Eine Vintage-Antiqua, eine futuristische Techno-Grotesk und eine handschriftliche Akzentschrift k\u00f6nnen jeweils f\u00fcr sich \u00fcberzeugend sein, ben\u00f6tigen zusammen jedoch ein sehr starkes gestalterisches Konzept. Ohne dieses wirkt die Kombination schnell zuf\u00e4llig.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Fehler&nbsp;5: Fehlende Tests unter realen Bedingungen.<\/strong> Ein Projekt kann unterschiedliche Schnitte, Lokalisierungen oder bestimmte OpenType Features ben\u00f6tigen. Eine optisch \u00fcberzeugende Kombination, die sich nicht stabil im&nbsp;gesamten System einsetzen l\u00e4sst, ist letztlich keine funktionierende L\u00f6sung.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Fazit<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Die Arbeit mit Schriftpaaren ist immer eine Suche nach der richtigen Balance zwischen System und Charakter. Die in&nbsp;diesem Leitfaden beschriebenen Prinzipien&nbsp;\u2014 Kontrast, Balance, Hierarchie und Harmonie&nbsp;\u2014 geben dieser Suche eine Struktur, w\u00e4hrend die Regeln dabei helfen, zuf\u00e4llige Entscheidungen zu&nbsp;vermeiden. Wirklich eigenst\u00e4ndige Typografie entsteht jedoch dort, wo&nbsp;Erfahrung, visuelle Sensibilit\u00e4t, Neugier und die Bereitschaft zum Experiment hinzukommen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Deshalb lohnt es&nbsp;sich, auch unerwartete Kombinationen auszuprobieren. Generatoren, Archive und andere Tools k\u00f6nnen Ideen liefern, die endg\u00fcltige Entscheidung sollte jedoch immer im&nbsp;eigenen Layout getroffen werden. Je&nbsp;mehr Schriften man miteinander vergleicht, analysiert und unter realen Bedingungen testet, desto freier und zugleich pr\u00e4ziser wird die eigene typografische Entscheidung.<\/p>\n\n\n\n<section class=\"agency-faq\" id=\"agency-faq\">\n            <h2 class=\"agency-faq__title\">Antworten auf h\u00e4ufig gestellte Fragen<\/h2>\n    \n            <div class=\"faq\">\n                            <div class=\"faq-item active\">\n                    <h3 class=\"faq-question\">Was sind Schriftpaare?<\/h3>\n                    <div class=\"faq-answer\">\n                        <div>\n                            <p><span>Ein Schriftpaar besteht aus zwei Schriften, die innerhalb eines Projekts unterschiedliche typografische Rollen \u00fcbernehmen\u00a0\u2014 zum Beispiel eine Schrift f\u00fcr \u00dcberschriften und eine zweite f\u00fcr den Flie\u00dftext.<\/span><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"faq-item \">\n                    <h3 class=\"faq-question\">Wie w\u00e4hlt man ein Schriftpaar aus?<\/h3>\n                    <div class=\"faq-answer\">\n                        <div>\n                            <p><span>Definieren Sie zun\u00e4chst die Funktion jeder Schrift und vergleichen Sie anschlie\u00dfend Proportionen und Charakter. Die beiden Schriften sollten sich deutlich unterscheiden, gleichzeitig aber verbindende Merkmale besitzen. Danach sollte die Kombination mit realen Inhalten und in\u00a0den tats\u00e4chlich ben\u00f6tigten Schriftgraden getestet werden.<\/span><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"faq-item \">\n                    <h3 class=\"faq-question\">Welche Schriften funktionieren im modernen Design besonders gut zusammen?<\/h3>\n                    <div class=\"faq-answer\">\n                        <div>\n                            <p><span>H\u00e4ufig funktioniert eine klare, moderne Grotesk zusammen mit einer expressiveren Antiqua oder einer Display-Schrift. Auch verwandte Familien wie TT&nbsp;Norms\u00ae&nbsp;Pro und TT&nbsp;Norms\u00ae&nbsp;Pro&nbsp;Serif sind eine verl\u00e4ssliche L\u00f6sung, da\u00a0beide gemeinsame Proportionen besitzen.<\/span><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"faq-item \">\n                    <h3 class=\"faq-question\">Wie kombiniert man Antiqua und Grotesk?<\/h3>\n                    <div class=\"faq-answer\">\n                        <div>\n                            <p><span>Eine einzelne optimale Kombination gibt es\u00a0nicht. Eine h\u00e4ufig verwendete und verl\u00e4ssliche L\u00f6sung ist eine expressive Antiqua f\u00fcr \u00dcberschriften und eine neutrale Grotesk f\u00fcr den Flie\u00dftext. Besonders gut funktioniert das, wenn beide Schriften \u00e4hnliche Proportionen oder andere verbindende gestalterische Merkmale besitzen.<\/span><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"faq-item \">\n                    <h3 class=\"faq-question\">Wie viele Schriften sollte man in einem Design verwenden?<\/h3>\n                    <div class=\"faq-answer\">\n                        <div>\n                            <p><span>In\u00a0der Regel reichen zwei\u00a0aus. Eine dritte Schrift sollte nur dann hinzukommen, wenn sie eine eigenst\u00e4ndige Funktion \u00fcbernimmt, die sich mit den bereits vorhandenen Schriften nicht \u00fcberzeugend abdecken l\u00e4sst\u00a0\u2014 beispielsweise f\u00fcr Code oder tabellarische Daten.<\/span><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"faq-item \">\n                    <h3 class=\"faq-question\">Welche grundlegenden Regeln gelten f\u00fcr Schriftpaare?<\/h3>\n                    <div class=\"faq-answer\">\n                        <div>\n                            <p><span>Die Zahl der eingesetzten Schriftfamilien sollte begrenzt bleiben. Zu\u00a0\u00e4hnliche Schriften funktionieren meist schlecht miteinander, Rollen sollten im\u00a0Voraus definiert werden und jede Kombination sollte im\u00a0tats\u00e4chlichen Layout sowie in\u00a0unterschiedlichen Schriftgraden getestet werden.<\/span><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"faq-item \">\n                    <h3 class=\"faq-question\">Gibt es AI Font Pairing Generatoren?<\/h3>\n                    <div class=\"faq-answer\">\n                        <div>\n                            <p><span>Ja. Fontjoy geh\u00f6rt zu\u00a0den bekanntesten Beispielen und nutzt ein neuronales Netz, um\u00a0Kombinationen vorzuschlagen, deren Schriften sich in\u00a0bestimmten Merkmalen \u00e4hneln und sich in\u00a0anderen deutlich unterscheiden. Auch AI\u00a0UI\u00a0Designer bietet generierte Kombinationen mit verschiedenen Filtern an.<\/span><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"faq-item \">\n                    <h3 class=\"faq-question\">Welche Tools und Websites eignen sich f\u00fcr die Auswahl von Schriftpaaren?<\/h3>\n                    <div class=\"faq-answer\">\n                        <div>\n                            <p><span>Fontjoy, Figma Google Font Pairings, AI\u00a0UI\u00a0Designer, Fontshare Pairs und Fontpair helfen dabei, m\u00f6gliche Kombinationen zu\u00a0finden. Typewolf und Fonts In\u00a0Use eignen sich besonders gut, um\u00a0Schriftpaare in\u00a0realen Projekten zu\u00a0betrachten. Viele dieser Dienste konzentrieren sich haupts\u00e4chlich auf kostenlose Schriftbibliotheken.<\/span><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"faq-item \">\n                    <h3 class=\"faq-question\">Wie testet man Schriftkombinationen vor dem Einsatz?<\/h3>\n                    <div class=\"faq-answer\">\n                        <div>\n                            <p><span>Am\u00a0besten werden beide Schriften direkt in\u00a0einem realen Layout mit den tats\u00e4chlichen Texten, Farben und Schriftgraden eingesetzt. Dabei sollten \u00dcberschriften, Flie\u00dftext, Ziffern, Buttons und andere funktionale Elemente gepr\u00fcft werden, statt sich ausschlie\u00dflich auf Blindtext oder Alphabetmuster zu\u00a0verlassen.<\/span><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"faq-item \">\n                    <h3 class=\"faq-question\">Welche Schriften eignen sich f\u00fcr Logos und Branding?<\/h3>\n                    <div class=\"faq-answer\">\n                        <div>\n                            <p><span>Geeignet sind Schriften, die zum Charakter der Marke passen und im\u00a0ben\u00f6tigten Ma\u00dfstab wiedererkennbar bleiben. Im\u00a0Logo darf die Typografie durchaus dekorativer sein; gleichzeitig sollte jedoch von Anfang an\u00a0eine funktionale Schriftfamilie f\u00fcr die \u00fcbrigen Anwendungen des Systems vorgesehen werden.<\/span><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                    <\/div>\n\n        \n        <script type=\"application\/ld+json\">\n            {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"FAQPage\",\n    \"mainEntity\": [\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Was sind Schriftpaare?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"Ein Schriftpaar besteht aus zwei Schriften, die innerhalb eines Projekts unterschiedliche typografische Rollen \u00fcbernehmen \u2014 zum Beispiel eine Schrift f\u00fcr \u00dcberschriften und eine zweite f\u00fcr den Flie\u00dftext.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Wie w\u00e4hlt man ein Schriftpaar aus?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"Definieren Sie zun\u00e4chst die Funktion jeder Schrift und vergleichen Sie anschlie\u00dfend Proportionen und Charakter. Die beiden Schriften sollten sich deutlich unterscheiden, gleichzeitig aber verbindende Merkmale besitzen. Danach sollte die Kombination mit realen Inhalten und in den tats\u00e4chlich ben\u00f6tigten Schriftgraden getestet werden.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Welche Schriften funktionieren im modernen Design besonders gut zusammen?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"H\u00e4ufig funktioniert eine klare, moderne Grotesk zusammen mit einer expressiveren Antiqua oder einer Display-Schrift. Auch verwandte Familien wie TT Norms\u00ae Pro und TT Norms\u00ae Pro Serif sind eine verl\u00e4ssliche L\u00f6sung, da beide gemeinsame Proportionen besitzen.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Wie kombiniert man Antiqua und Grotesk?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"Eine einzelne optimale Kombination gibt es nicht. Eine h\u00e4ufig verwendete und verl\u00e4ssliche L\u00f6sung ist eine expressive Antiqua f\u00fcr \u00dcberschriften und eine neutrale Grotesk f\u00fcr den Flie\u00dftext. Besonders gut funktioniert das, wenn beide Schriften \u00e4hnliche Proportionen oder andere verbindende gestalterische Merkmale besitzen.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Wie viele Schriften sollte man in einem Design verwenden?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"In der Regel reichen zwei aus. Eine dritte Schrift sollte nur dann hinzukommen, wenn sie eine eigenst\u00e4ndige Funktion \u00fcbernimmt, die sich mit den bereits vorhandenen Schriften nicht \u00fcberzeugend abdecken l\u00e4sst \u2014 beispielsweise f\u00fcr Code oder tabellarische Daten.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Welche grundlegenden Regeln gelten f\u00fcr Schriftpaare?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"Die Zahl der eingesetzten Schriftfamilien sollte begrenzt bleiben. Zu \u00e4hnliche Schriften funktionieren meist schlecht miteinander, Rollen sollten im Voraus definiert werden und jede Kombination sollte im tats\u00e4chlichen Layout sowie in unterschiedlichen Schriftgraden getestet werden.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Gibt es AI Font Pairing Generatoren?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"Ja. Fontjoy geh\u00f6rt zu den bekanntesten Beispielen und nutzt ein neuronales Netz, um Kombinationen vorzuschlagen, deren Schriften sich in bestimmten Merkmalen \u00e4hneln und sich in anderen deutlich unterscheiden. Auch AI UI Designer bietet generierte Kombinationen mit verschiedenen Filtern an.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Welche Tools und Websites eignen sich f\u00fcr die Auswahl von Schriftpaaren?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"Fontjoy, Figma Google Font Pairings, AI UI Designer, Fontshare Pairs und Fontpair helfen dabei, m\u00f6gliche Kombinationen zu finden. Typewolf und Fonts In Use eignen sich besonders gut, um Schriftpaare in realen Projekten zu betrachten. Viele dieser Dienste konzentrieren sich haupts\u00e4chlich auf kostenlose Schriftbibliotheken.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Wie testet man Schriftkombinationen vor dem Einsatz?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"Am besten werden beide Schriften direkt in einem realen Layout mit den tats\u00e4chlichen Texten, Farben und Schriftgraden eingesetzt. Dabei sollten \u00dcberschriften, Flie\u00dftext, Ziffern, Buttons und andere funktionale Elemente gepr\u00fcft werden, statt sich ausschlie\u00dflich auf Blindtext oder Alphabetmuster zu verlassen.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Welche Schriften eignen sich f\u00fcr Logos und Branding?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"Geeignet sind Schriften, die zum Charakter der Marke passen und im ben\u00f6tigten Ma\u00dfstab wiedererkennbar bleiben. Im Logo darf die Typografie durchaus dekorativer sein; gleichzeitig sollte jedoch von Anfang an eine funktionale Schriftfamilie f\u00fcr die \u00fcbrigen Anwendungen des Systems vorgesehen werden.\"\n            }\n        }\n    ]\n}        <\/script>\n    <\/section>","protected":false},"excerpt":{"rendered":"<p>Erfahren Sie in\u00a0unserem praxisorientierten Leitfaden, wie man Schriftpaare sinnvoll zusammenstellt. Lernen Sie die wichtigsten Prinzipien der Schriftkombination kennen, entdecken Sie Beispiele f\u00fcr Logos, Webdesign und Grafikdesign und finden Sie Tools, mit denen sich harmonische und gut lesbare Kombinationen zusammenstellen lassen.<\/p>\n","protected":false},"author":4485,"featured_media":10000062827,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[188,184],"class_list":["post-48317","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-work-with-fonts","tag-typetype-fonts"],"acf":{"show_sidebar":true},"permalink_manager":null,"_links":{"self":[{"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/posts\/48317","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/users\/4485"}],"replies":[{"embeddable":true,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/comments?post=48317"}],"version-history":[{"count":5,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/posts\/48317\/revisions"}],"predecessor-version":[{"id":48338,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/posts\/48317\/revisions\/48338"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/media\/10000062827"}],"wp:attachment":[{"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/media?parent=48317"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/categories?post=48317"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/tags?post=48317"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}