Die 10 besten Font-Pairing-Tools für Webdesigner

Veröffentlicht: 2021-02-24

Die Wahl der richtigen Schriftart ist zweifellos ein entscheidender Schritt, um großartige Designs zu erstellen. Besonders wenn Sie mehr als eine Schriftart verwenden möchten, müssen Sie sicherstellen, dass sie gut zusammenpassen und kohärent und ausgewogen sind.

Wie wir ausführlich in unserem Blogpost „Ein Leitfaden zur Schriftartenpaarung für Webdesigner + 30 erstaunliche Beispiele“ erklärt haben, steckt eine ganze Wissenschaft hinter der Kombination von Schriftarten. Sie müssen gut zu Ihrer Marke passen, den gewünschten Kontrast schaffen, ohne gegensätzliche Designprinzipien zu befolgen, und ein Gesamtgefühl von Flüssigkeit und Harmonie erzeugen.

Mit Tausenden von Schriftarten, die Ihnen zur Verfügung stehen, kann dieser Prozess sehr chaotisch und zeitaufwändig sein, und die Chancen stehen gut, dass Sie am Ende Kopfschmerzen bekommen. Also, wo fängst du überhaupt an?

Um Ihnen bei diesem Prozess zu helfen, haben wir eine Liste der besten Schriftarten-Paarungs-Tools für Designer zusammengestellt. Diese Tools schlagen verschiedene Schriftkombinationen vor, die hervorragend zueinander passen, und stellen Ihnen Online-Vorlagen zur Verfügung, damit Sie eine Vorschau Ihrer Schriften in freier Wildbahn sehen können. Sie werden definitiv Ihre Inspiration freisetzen und Ihnen helfen, die richtigen Entscheidungen zu treffen.

Schauen Sie sie sich unten an und markieren Sie Ihre Favoriten!

1. Fontjoy

Die meisten Tools zum Paaren von Schriftarten bieten Ihnen entweder kuratierte Sammlungen oder Tools, mit denen Sie eine Vorschau von Schriftartpaaren anzeigen und beurteilen können, welche am besten zusammenpassen. Fontjoy hingegen erledigt mit künstlicher Intelligenz die ganze harte Arbeit für Sie. Dieses von Designer und Ingenieur Jack Qiao entwickelte Tool verwendet Deep-Learning-Techniken, um die wichtigsten visuellen Merkmale von Schriftarten zu analysieren und zu berechnen, welche am besten zusammenpassen.

Das bedeutet, dass Sie keine fortgeschrittenen Designerkenntnisse benötigen, um ein ausgewogenes Schriftpaar zu erstellen. Klicken Sie einfach auf die Schaltfläche „Generieren“ und stöbern Sie in einigen fantastischen Schriftkombinationen. Alternativ können Sie eine Schriftart auswählen und das System wird mögliche Kombinationen vorschlagen, die gut mit der ausgewählten Schriftart funktionieren. Sie können bis zu drei Schriftarten kombinieren, eine für die Überschrift, eine für die Unterüberschrift und eine für den Hauptinhalt oder Absatz, und eine Vorschau auf entweder einem dunklen oder hellen Hintergrund anzeigen.

2. Geben Sie Verbindung ein

Wenn Sie nach einem skurrilen, unterhaltsamen Tool suchen, um das Paaren von Schriftarten zu üben und zu lernen, wie Schriftarten zusammenarbeiten, haben Sie es gerade gefunden! Type Connection wurde als Abschlussarbeit von Aura Weiner erstellt und beschreibt sich selbst als „typografisches Dating-Spiel“. Und das ist es wirklich!

Sie beginnen mit der Auswahl eines Haupttyps „Protagonisten“, für den Sie die perfekte Übereinstimmung finden möchten. Im zweiten Schritt werden Ihnen mögliche Dating-Strategien vorgestellt, die jeweils auf unterschiedlichen Strategien für die Paarung von Schriftarten basieren, z. B. die Auswahl einer ähnlichen Schriftart oder das Erkunden von etwas anderem. Nachdem Sie Ihre Strategie ausgewählt haben, schlägt Type Connection potenzielle „Daten“ für die von Ihnen gewählte Schriftart vor.

Nachdem jedes dieser „Daten“ vom System analysiert und bewertet wurde, erhalten Sie eine Rückmeldung, ob diese Übereinstimmung schlecht, mäßig oder großartig ist und warum.

Ein Detail, das ich persönlich liebe? Jede Schriftart wird mit einer kleinen Beschreibung geliefert, die zu ihrer „Persönlichkeit“ passt. Alles in allem ist Type Connection ein großartiges Lehrmittel, um die Paarung von Schriftarten zu erkunden und ihre Prinzipien zu verstehen.

3. Schreibmaschine

Typotheque bietet eine einzigartige Möglichkeit, Schriftkombinationen basierend auf ihrem Stil und der beabsichtigten Verwendung zu entdecken. Sie erhalten Zugriff auf zahlreiche Filter, mit denen Sie Ihre Suchergebnisse eingrenzen können, z. B. Stil, Zweck, Kategorie und unterstützte Sprachen. Dies hilft Ihnen, die Schriftpaare zu filtern.

Wenn Sie noch weiter experimentieren möchten, können Sie den Font Combinator und einfache Drag-and-Drop-Schriftarten verwenden, um zu sehen, wie sie aussehen werden. Stellen Sie sicher, dass Sie den Größenregler verwenden, um die Größe jeder Schriftart zu fixieren, bis Sie die perfekte Balance gefunden haben.

4. Google-Typ

Dieses fortlaufende Gemeinschaftsprojekt mit dem Namen Google Type bietet Inspiration durch gut aussehende Kombinationen von Google Fonts. Es bedarf eines großartig auffälligen Ansatzes, um Schriftpaare zu präsentieren, indem sie verwendet werden, um Passagen aus Äsops Fabeln anzuzeigen. Alle Designer können zu diesem Projekt beitragen und die Gewinnkombinationen werden verwendet, um eine schöne Zielseite zu erstellen.

Das Beste an dieser Website ist, wie gut die Schriftkombinationen präsentiert werden. Jeder Abschnitt ist einem bestimmten Schriftpaar gewidmet und hebt seine Persönlichkeit hervor, indem er unterschiedliche Ausrichtungen, Ausrichtungen und Stile berücksichtigt. Sie erhalten auch ein Hintergrundbild, um das Erlebnis hervorzuheben. Insgesamt ist Google Type ein großartiges Tool, nicht nur um erstaunliche Schriftpaare zu erkunden, sondern auch um Inspiration für das Layout, die Farbpalette und den kreativen Einsatz von Typografie auf einer Website zu erhalten.

5. Schriftpaar

Wenn Sie von der Menge der verfügbaren Google-Schriftarten überwältigt sind, ist ein Tool, das sie auf schöne Kombinationen eingrenzt, genau das, was Sie brauchen. FontPair wurde von Hayden Mills ins Leben gerufen, um Menschen dabei zu helfen, kostenlose Open-Source-Schriftarten miteinander zu kombinieren, und es wird immer noch wöchentlich aktualisiert.

Es beherbergt eine riesige Sammlung großartiger Beispiele, die versprechen, Ihre Inspiration zu steigern und Ihnen dabei zu helfen, die perfekte Schriftart für Ihr nächstes Projekt zu finden. Sie können schöne, gut kombinierte Paare durchsuchen, die Schriftarten herunterladen und sie sogar in Aktion sehen, da jedes Paar mit einer Reihe tatsächlicher Beispiele dieser Schriftarten geliefert wird, die zusammen verwendet werden. Wenn Sie außerdem nach bestimmten Paarungstypen suchen, z. B. Display mit Serifenschriften, gibt es separate Kategorien für die meisten Kombinationen, die Sie möglicherweise möchten.

6. Typ.io

Das Tolle an Typ.io ist, dass es schöne Schriftpaare findet, indem es in bestehende gut gestaltete Websites und die von ihnen verwendete Typografie eintaucht. Auf der Startseite können Sie sich mit einer Präsentation von Websites inspirieren lassen, die verschiedene Schriftarten verwenden.

Wenn Sie eine bestimmte Schriftart kombinieren möchten, können Sie sie suchen und auswählen und Beispiele dafür sehen, wie sie wunderbar verwendet wurde, entweder allein oder in Kombination mit anderen Schriftarten. Jedes Schriftpaar wird mit einer Reihe von Tags geliefert, die entweder die Schrifteigenschaften oder ihren Stil und ihre Persönlichkeit beschreiben. Darüber hinaus können Sie einige vordefinierte Listen mit Schriftarten durchsuchen, die Ihren Kriterien entsprechen könnten, z. B. „Serifenschriften für Kopfzeilen und Inhalt“.

7. Leinwand

Canva ist eine bekannte leistungsstarke Design-App, die verschiedene erweiterte Funktionen und Vorlagen bietet, mit denen Sie fantastische Designs erstellen können. Aber wussten Sie, dass Sie es auch für Schriftkombinationen verwenden können?

Mit dem Generator von Canva können Sie Ihre gewünschte Schriftart auswählen, dann eine Vielzahl von Kombinationsmöglichkeiten generieren, bei denen Sie Ihre eigene Kopie verwenden können, und auch Beispiele für das verwendete Schriftartenpaar in freier Wildbahn finden.

8. Mixfont

Mixfont bietet Ihnen eine einfache Möglichkeit, Hunderttausende von Schriftartpaaren zu visualisieren, damit Sie etwas finden, das am besten zu Ihrem Projekt passt. Es verfügt über eine spezielle Schaltfläche, auf die Sie klicken können, um neue Schriftartpaare zu generieren. Wenn Ihnen eine bestimmte Schriftart gefällt, können Sie sie „sperren“ und den Generator die anderen Schriftarten austauschen lassen, um Ihnen bei der Suche nach einem geeigneten Paar zu helfen.

Allerdings sind nicht alle Kombinationen gut kuratiert und visuell ausgewogen, daher müssen Sie zumindest über einige grundlegende Fähigkeiten zum Paaren von Schriftarten verfügen, um eine erfolgreiche Kombination auszuwählen.

9. Typwolf

Typewolf ist eine weitere schöne Auswahl an wunderschöner Typografie, gepaart mit Beispielen aus dem Internet, und bietet Ihnen eine Auswahl beliebter Schriftarten, die Website des Tages und verschiedene Empfehlungen, die Ihnen helfen, Ihre ideale Übereinstimmung zu finden.

Wie bei den meisten Plattformen für die Kombination von Schriftarten können Sie eine bestimmte Schriftart auswählen und zahlreiche Vorschläge für andere Schriftarten sehen, die gut zu Ihrer Auswahl passen, alle basierend auf tatsächlichen Beispielen aus dem Internet. Außerdem können Sie kuratierte Lookbooks mit vorgefertigten Typenpaarpaletten durchsuchen, die Ihnen zeigen, wie Sie ein bestimmtes Aussehen erzielen, indem Sie Schriftarten von Google-Schriftarten, Adobe-Schriftarten und anderen Quellen verwenden.

10. Typespiration

Typespiration ist ein großartiges Tool, das von Rafal Tomal entwickelt wurde und von Designern beigesteuerte Schriftkombinationen und Farbpaletten präsentiert. Sie können entweder die Schriftart für die Überschrift angeben und sehen, wie sie sich mit verschiedenen vorgeschlagenen Schriftarten für den Hauptteil vermischt, oder umgekehrt.

Alternativ können Sie beide Felder unspezifiziert lassen und alle möglichen Kombinationen durchsuchen. Unter jedem Beispiel finden Sie Links zum Herunterladen der verwendeten Schriftarten, Farbkombinationen und sogar einiger grundlegender UI-Elemente, wie z. B. primäre und sekundäre Schaltflächen.
Derzeit hat das Tool nur Zugriff auf die Google Fonts-Bibliothek, aber es wird erwartet, dass in Zukunft weitere Bibliotheken hinzugefügt werden.