Grafikbuddy
DEEN
Anmeldenkostenlos starten
Kostenlos · ohne Anmeldung

Schriftpaar-Finder

Der kostenlose Schriftpaar-Finder zeigt Überschrift und Fließtext mit deinem eigenen Text, filtert nach Einsatz und Stil und liefert die Größen für dein Layout als CSS.

Mit deinem eigenen Text siehst du sofort, wie die Kombination in deinem Auftritt wirkt.

Wofür brauchst du die Schrift?
Stil
Ausgewählt: Playfair Display + Source Sans 3

Hohe Kontraste in der Serifenschrift wirken edel, die schlichte Sans hält den Text lesbar.

Größen für dein Layout

H1 · 31.3 px
Frische Ideen für deine Marke
H2 · 25 px
Frische Ideen für deine Marke
H3 · 20 px
Frische Ideen für deine Marke
Fließtext · 16 px
Eine gute Schriftkombination trägt den Auftritt, ohne aufzufallen. Die Überschrift setzt den Ton, der Fließtext bleibt im Lesefluss angenehm.
Klein · 12.8 px
Eine gute Schriftkombination trägt den Auftritt, ohne aufzufallen. Die Überschrift setzt den Ton, der Fließtext bleibt im Lesefluss angenehm.

Richtwert: Am Bildschirm sind 16 bis 18 px für Fließtext üblich, im Druck 9 bis 11 pt.

So wirkt es im Einsatz

Frische Ideen für deine Marke

Eine gute Schriftkombination trägt den Auftritt, ohne aufzufallen. Die Überschrift setzt den Ton, der Fließtext bleibt im Lesefluss angenehm.

Jetzt starten
Event 2026
Frische Ideen für deine Marke
12. November · Berlin

Vergleich

Playfair Display + Source Sans 3
Frische Ideen für deine Marke

Eine gute Schriftkombination trägt den Auftritt, ohne aufzufallen. Die Überschrift setzt den Ton, der Fließtext bleibt im Lesefluss angenehm.

DM Serif Display + DM Sans
Frische Ideen für deine Marke

Eine gute Schriftkombination trägt den Auftritt, ohne aufzufallen. Die Überschrift setzt den Ton, der Fließtext bleibt im Lesefluss angenehm.

:root {
  --font-heading: "Playfair Display", system-ui, sans-serif;
  --font-body: "Source Sans 3", system-ui, sans-serif;
  --text-small: 12.8px;
  --text-body: 16px;
  --text-h3: 20px;
  --text-h2: 25px;
  --text-h1: 31.3px;
}

h1, h2, h3 {
  font-family: var(--font-heading);
  line-height: 1.15;
}

body {
  font-family: var(--font-body);
  font-size: var(--text-body);
  line-height: 1.6;
}

Wofür du Schriftpaar-Finder nutzen kannst

  • Hausschrift festlegen: Mit deinem eigenen Firmennamen und Slogan testen, welche Kombination zu deiner Marke passt.
  • Website-Schriften wählen: Überschriften, Fließtext und Größen für Startseite und Blog gleich in einer Vorlage festlegen.
  • Flyer und Plakate setzen: Für Print nach Einsatz filtern und die Kombination in der Flyer-Vorschau prüfen.
  • Typo-Skala übernehmen: Die Größen für H1 bis H3 und Fließtext als CSS-Variablen direkt in dein Projekt kopieren.

Häufige Fragen

Wie teste ich ein Schriftpaar mit meinem eigenen Text?

+

Oben stehen Überschrift und Fließtext. Ersetze sie durch deinen Firmennamen oder Slogan, dann siehst du alle Paare sofort mit deinem Text.

Wie wähle ich die Größen für meine Website?

+

Stelle die Grundgröße ein. Die Skala stuft H1, H2, H3, Fließtext und Kleinschrift im Verhältnis 1,25 ab. Die CSS-Regeln unter der Vorschau übernehmen sie als Variablen.

Wie viele Schriften braucht ein Design?

+

Meist reichen zwei: eine Schrift für Überschriften mit Charakter und eine ruhige Schrift für Fließtext. Mehr Schriften machen einen Auftritt schnell unruhig.

Kann ich die Schriften kommerziell nutzen?

+

Die Schriften stammen aus Google Fonts. Sie stehen unter freien Lizenzen, meist der SIL Open Font License, und dürfen auch kommerziell für Logo, Website und Druck genutzt werden.

Wie übernehme ich das Schriftpaar in meine Website?

+

Kopiere die CSS-Regeln unter der Vorschau. Die Schriften werden von unserer Seite geladen. In Grafikbuddy kannst du dein Schriftpaar außerdem im Brand Kit hinterlegen.

Warum funktioniert eine Serif mit einer Sans gut?

+

Der Unterschied in Form und Charakter trennt Überschrift und Text klar. Beide Schriften sollten eine ähnliche Dichte haben, damit das Gesamtbild harmonisch wirkt.

Weitere kostenlose Werkzeuge