# Headline-Schriften: Schriften, die Aufmerksamkeit fangen [Canonical HTML page](https://gradiently.design/de/guide/headline-fonts) Eine Headline hat etwa eine Sekunde, um gelesen zu werden. Die Schrift leistet dabei erstaunlich viel. Hier stehen Gratis-Schriften, die Aufmerksamkeit verdienen, nach Aufgabe gruppiert, mit Kombinationen für heute. ## The short version - Gute Headline-Schriften haben klare Buchstabenformen, kräftige Schnitte und genug Charakter, um auf einen Blick erkannt zu werden. - Schmale Schriften wie Anton und Bebas Neue bringen lange Wörter in großen Größen unter, was zu Plakaten und Vorschaubildern passt. - Serifenschriften mit hohem Kontrast wie Playfair Display und DM Serif Display geben Headlines einen redaktionellen, gepflegten Ton. - Eine Headline-Schrift wird meist mit einer ruhigeren Fließtextschrift wie Inter oder DM Sans für alles andere kombiniert. - Groß gesetzte Headlines brauchen meist etwas engeres Tracking und engeren Zeilenabstand als die Standardwerte der Schrift. Die besten **Headline-Schriften** lassen sich in großen Größen mit einem einzigen Blick lesen und tragen einen klaren Ton: schmale Grotesken wie Anton oder Bebas Neue für Schlagkraft, schwere Grotesken wie Archivo Black für Gewicht und Serifenschriften mit hohem Kontrast wie Playfair Display oder DM Serif Display für Eleganz. Alle sind gratis auf [Google Fonts](https://fonts.google.com). Die richtige hängt weniger vom Geschmack ab als von der Aufgabe: wie viele Wörter, wie viel Platz und wie sich die Headline anfühlen soll. ## Was eine gute Headline-Schrift ausmacht - **Klare Formen auf einen Blick.** Offene Punzen und unterscheidbare Buchstaben, damit die Wörter gelesen werden, bevor das Auge zur Ruhe kommt. - **Gewicht im Überfluss.** Eine Familie mit Bold, Extra Bold oder Black, denn Headlines am Handy brauchen kräftige Striche. - **Guter Standardabstand und gutes Kerning.** Große Schrift vergrößert jede Lücke; gut gemachte Schriften brauchen weniger Nacharbeit. Siehe [Kerning](https://gradiently.design/de/guide/kerning). - **Ein Ton, der zur Botschaft passt.** Laut, ruhig, luxuriös oder technisch. Die Schrift sagt es, bevor es die Wörter tun. - **Die richtige Breite für deinen Platz.** Schmale Schriften bringen lange Wörter in schmalen Formaten unter; breite passen zu kurzen Wörtern mit Luft drumherum. ## Die besten Gratis-Schriften für Headlines, nach Stil | Stil | Google Fonts zum Ausprobieren | Wirkung | Am besten für | | --- | --- | --- | --- | | Schmale Grotesk | Anton, Bebas Neue, Oswald, Barlow Condensed, Big Shoulders Display | Laut, dringlich, sportlich | Plakate, Vorschaubilder, Rabattposts | | Schwere Grotesk | Archivo Black, Inter Tight, Work Sans in Black | Direkt, modern, ohne Schnörkel | Ankündigungen, Produktstarts | | Geometrische Grotesk | Montserrat, Poppins, Outfit, League Spartan | Freundlich, klar, rund | Startups, Dienstleistungen, Social Posts | | Grotesk mit Charakter | Bricolage Grotesque, Space Grotesk, Syne | Eigenständig, zeitgemäß, ein bisschen schräg | Marken, die eine Stimme wollen | | Serife mit hohem Kontrast | Playfair Display, DM Serif Display, Instrument Serif | Redaktionell, gepflegt, hochwertig | Mode, Beauty, Magazine, Speisekarten | | Weiche Serife | Fraunces, Young Serif | Warm, handwerklich, zugänglich | Essen, Cafés, unabhängige Läden | Eine erste Auswahl. Jede Schrift hier ist gratis auf Google Fonts unter einer offenen Lizenz, die kommerzielle Nutzung erlaubt. Ein paar Hinweise vor der Wahl. **Bebas Neue** hat nur Versalien und passt daher zu kurzen, gerufenen Zeilen statt zu Sätzen. **Oswald** ist eine Überarbeitung des klassischen Stils Alternate Gothic und kommt in mehreren Schnitten, was sie flexibler macht als Anton. **Fraunces** ist eine variable Schrift mit Achsen für Weichheit und einem verspielten, schiefen Modus, sodass eine Familie von scharf bis kuschelig reichen kann. **Syne** wird in den schwereren Schnitten merklich breiter, was einer kräftigen Headline echte Präsenz gibt. Ein Hochformat-Rabattpost mit SOMMERSALE in großen schmalen Versalien über einem leuchtenden Verlauf Kurze, gerufene Wörter in Versalien: das Register, für das eine schmale Schrift wie Anton oder Bebas Neue gemacht ist. Ein Hochformat-Redaktionspost mit gepflegter Serifen-Headline „Die leise Rückkehr des Leinens“ Eine redaktionelle Headline will das Gegenteil: Eine Serife mit hohem Kontrast wie Playfair Display bremst die Leserin und zeigt Sorgfalt. ## So wählst du eine Headline-Schrift 1. **Erst die echte Headline schreiben** Teste mit deinen echten Wörtern, nicht mit dem Mustertext der Schrift. Eine Schrift, die bei „Hamburgefonts“ großartig aussieht, kann bei deinem Markennamen seltsam wirken. 2. **Den Platz ausmessen** Eine lange Headline in einem schmalen Format wie Story oder Pin braucht eine schmale Schrift. Kurze Zeilen in breiten Formaten vertragen eine breitere. 3. **Den Ton auf die Botschaft abstimmen** Schreib drei Wörter dafür auf, wie sich die Headline anfühlen soll. Nimm nur Schriften in die engere Wahl, die zu allen dreien passen. 4. **In der kleinsten echten Größe testen** Verkleinere das Design auf Handygröße oder Rastermininatur. Dünne Striche und enge Punzen scheitern zuerst. 5. **Mit ruhiger Fließtextschrift kombinieren** Wähle für den Begleittext eine ruhige, gut lesbare Schrift, damit die Headline das Lauteste auf der Seite bleibt. ## Headline-Schriften mit Fließtext kombinieren Eine Headline-Schrift ist eine Spezialistin. Bei 90 px glänzt sie, bei 16 px ermüdet sie das Auge. Kombiniere sie mit einer Arbeitsschrift, die sich in Absätzen gut liest und im Hintergrund bleibt. Die sichersten Kombinationen kontrastieren auf eine klare Weise, meist Serife gegen Grotesk oder schmal gegen normale Breite. [Schriftkombinationen](https://gradiently.design/de/guide/font-pairing) erklärt die Prinzipien, und [Google-Fonts-Kombinationen](https://gradiently.design/de/guide/google-fonts-pairings) bietet viele weitere. | Headline | Fließtext | Warum es funktioniert | | --- | --- | --- | | Anton | Inter | Schmale Wucht über einer neutralen, sehr gut lesbaren Grotesk | | Playfair Display | Source Sans 3 | Klassischer redaktioneller Kontrast von Serife und Grotesk | | Bricolage Grotesque | DM Sans | Eine Headline mit Charakter über ruhigem geometrischem Fließtext | | DM Serif Display | DM Sans | Als Begleiter gezeichnet, daher stimmen die Proportionen | | Archivo Black | Archivo | Eine Familie in zwei Schnitten, die einfachste Kombination überhaupt | | Fraunces | Manrope | Warme, weiche Serife über klarer, moderner Grotesk | Sechs Kombinationen aus Gratis-Google-Fonts. Nimm die Headline-Schrift für ein oder zwei Zeilen und lass die Fließtextschrift alles andere tragen. ## So setzt du Headline-Schrift: Größe, Abstand und Zeilenhöhe Selbst die richtige Schrift wirkt mit Standardeinstellungen schwach. Große Schrift braucht engeres Tracking und engeren Zeilenabstand als Fließtext und braucht weniger Wörter. In der Praxis heißt das Buchstabenabstand um minus 0,01 bis minus 0,03 em und Zeilenhöhe um 1,0 bis 1.1. Auf einem Social Post mit 1080 px liegt eine Headline meist zwischen 90 und 140 px; [Schriftgröße für Instagram-Posts](https://gradiently.design/de/guide/font-size-for-social-media) zeigt die ganze Skala. ### Vermeiden - Einen dünnen Schnitt für die Haupt-Headline am Handy - Schreib- oder Zierschriften für lange Headlines - Standard-Zeilenhöhe bei einer dreizeiligen Headline - Zwei verschiedene Display-Schriften in einem Design - Zwölf Wörter in Headline-Größe ### Besser so - Semibold bis Black für Social und Vorschaubilder - Eine Display-Schrift für Wirkung, eine Grotesk fürs Detail - Zeilenhöhe nahe 1,05 für gestapelte Zeilen - Eine Headline-Schrift, konsequent genutzt - Fünf bis acht Wörter, kürzen, bis es wehtut ```html ``` Eine Kombination aus Headline- und Fließtextschrift von Google Fonts laden. Der Fallback-Stack hält die Zeile beim Laden der Schrift ähnlich breit. Auch der Hintergrund zählt. Eine schwere Headline auf einem unruhigen Verlauf kann trotzdem zerfallen, wo die Farbe dahinter wechselt. Gradiently Marks schieben ihre ruhigste Region hinter deine Wörter und wählen Zeile für Zeile helle oder dunkle Tinte, und die Lettering-Looks wie Kontur, Innenlinie und Extrusion geben einer Headline zusätzliche Präsenz ohne Boxen oder Schatten. Für große Schrift auf Plakaten siehe [Display-Schriften](https://gradiently.design/de/guide/display-fonts) und [fette Schriften](https://gradiently.design/de/guide/bold-fonts); für Vorschaubilder [Thumbnail-Text](https://gradiently.design/de/guide/typography-for-thumbnails). ## FAQ ### Was ist die beste Schrift für Headlines? Das hängt von der Aufgabe ab. Anton oder Bebas Neue passen zu lauten, kurzen Headlines; Playfair Display oder DM Serif Display zu redaktionellen; Montserrat oder Outfit zu freundlichen, klaren. ### Sind Google Fonts kostenlos für die kommerzielle Nutzung? Schriften auf Google Fonts erscheinen unter offenen Lizenzen, meist der SIL Open Font License, die kommerzielle Nutzung erlauben. Die Seite jeder Schrift auf Google Fonts zeigt ihre Lizenz, prüfe sie also, bevor du dich darauf verlässt. [Schriftlizenzen](https://gradiently.design/de/guide/font-licensing) erklärt die Einzelheiten. ### Sollten Headlines Serife oder Serifenlos sein? Beides funktioniert. Serifenlose wirken direkt und modern, Serifenschriften redaktionell und gepflegt. Wähle nach dem gewünschten Ton und kombiniere sie dann mit dem Gegenteil für den Fließtext. ### Welche Schriftgröße sollte eine Headline haben? Auf einem Social Post mit 1080 px etwa 90 bis 140 px. Auf einer Website grob das 2,5- bis 4-Fache deiner Fließtextgröße, je nach typografischer Skala. ### Kann ich zwei Headline-Schriften in einem Design nutzen? Selten eine gute Idee. Eine Display-Schrift plus eine ruhige Fließtextschrift ergibt klarere Hierarchie und wirkt gewollter.