Typografie auf Social Media ist die Disziplin der Schriftgestaltung für digitale Plattformen, bei der Bold Headlines für Aufmerksamkeit, plattformspezifische Mindestschriftgrößen für Lesbarkeit auf kleinen Displays und gezielter Einsatz von Kapitälchen die visuelle Wirkung bestimmen.
Rubrik: Mediendesign & Digitale Medien · Unterrubrik: Social Media Design · Niveau: Einsteiger
Was ist Typografie auf Social Media?
Typografie ist die Kunst und Wissenschaft der Schriftgestaltung. Im Social-Media-Kontext hat sie eine besondere Bedeutung: Text muss auf einem 6-Zoll-Smartphone-Display in Millisekunden erfasst werden, in einem Feed, in dem jedes Bild mit Dutzenden anderen konkurriert. Gleichzeitig muss er die Markenpersönlichkeit transportieren und zum Lesen einladen.
Social-Media-Typografie ist radikaler, kontrastreicher und hierarchischer als Typografie in Büchern, Zeitungen oder Websites. Die Prinzipien sind die gleichen, aber die Anwendung ist extremer: Bold statt Light, Groß statt Klein, Wenig statt Viel.
Erklärung
Schrifthierarchie für Social Media
Eine klare typografische Hierarchie ist das Fundament jedes Social-Media-Designs. Empfohlene Dreiteilung:
Ebene 1 – Headline:
- Funktion: Aufmerksamkeit fangen, Thema kommunizieren
- Schriftgewicht: Bold oder ExtraBold (700–900 Weight)
- Schriftgröße: 48–80 pt bei 1080 px Breite
- Zeilenlänge: maximal 30–40 Zeichen
- Zeilenhöhe: 1.1–1.2 (tight)
Ebene 2 – Subheadline / Key Message:
- Funktion: Headline ergänzen, zweite Lese-Ebene
- Schriftgewicht: SemiBold oder Bold (600–700 Weight)
- Schriftgröße: 28–40 pt
- Zeilenhöhe: 1.2–1.3
Ebene 3 – Bodycopy / Caption:
- Funktion: Erklärung, Details, Quellenangabe
- Schriftgewicht: Regular oder Medium (400–500 Weight)
- Schriftgröße: 20–28 pt (Minimum für Smartphone-Lesbarkeit)
- Zeilenhöhe: 1.4–1.6
Bold Headlines – warum sie funktionieren
Fette Schriften ziehen den Blick instinktiv an. Das liegt an der evolutionären Wahrnehmung: Kontrast und Masse signalisieren Wichtigkeit. Im Social-Media-Feed, wo der Daumen-Scroll in Millisekunden passiert, ist eine fette Headline das stärkste Mittel, um den Scroll zu stoppen.
Empfehlenswerte Bold-Schriften für Social Media:
- Inter Bold: technisch-neutral, sehr gut lesbar
- Montserrat Bold: modern, geometric, viel genutzt
- Raleway Bold: elegant mit Persönlichkeit
- Bebas Neue: extrem wirkungsstark, reine Großbuchstaben
- Playfair Display Bold: editorial, für hochwertige Marken
Schriftlesbarkeit auf kleinen Displays
Der häufigste Fehler: Text, der auf dem 27-Zoll-Monitor gut lesbar wirkt, ist auf dem Smartphone zu klein. Faustregel: Mindestschriftgröße für Bodycopy bei 1080 px Breite ist 20–24 pt. Im Instagram-Feed-Miniaturvorschau (ca. 315 px) wird daraus ca. 6–7 pt – unterhalb der Lesbarkeitsgrenze. Deshalb gilt: Nur Headlines müssen in der Miniaturvorschau lesbar sein; Bodycopy erst in der Vollansicht.
Lesbarkeits-Checkliste:
- Ausreichend Kontrast (mindestens 4,5:1 nach WCAG AA)
- Keine Schriftgröße unter 20 pt bei 1080 px
- Nicht mehr als 3 Wörter in einer Zeile bei sehr großem Text
- Keine Light- oder Thin-Gewichte (unter 400) auf kleinen Displays
Kapitälchen und Großbuchstaben
ALL CAPS (Versalien) auf Social Media:
- Wirkt laut, dringend, wichtig
- Ideal für kurze Wörter (1–3): „NEU", „JETZT", „GRATIS"
- Bei mehr als 5 Wörtern schwer lesbar
- Nie für längere Texte verwenden
Kapitälchen (Kleine Großbuchstaben):
- Eleganter als All Caps, weniger aggressiv
- Gut für Labels, Kategorien, Unterrubriken
- Erfordert echte Kapitälchen aus der Schriftdatei (keine simulierten durch Großbuchstaben in kleiner Schriftgröße)
Spezifikationen
| Typografieelement | Schriftgröße (bei 1080 px) | Schriftgewicht | Zeilenhöhe |
|---|---|---|---|
| Headline (große) | 60–80 pt | Bold (700+) | 1.1 |
| Headline (mittlere) | 48–60 pt | Bold (700) | 1.15 |
| Subheadline | 28–40 pt | SemiBold (600) | 1.2 |
| Bodycopy | 20–28 pt | Regular (400) | 1.4–1.6 |
| Caption/Quelle | 14–18 pt | Regular (400) | 1.4 |
| CTA-Text | 24–36 pt | Bold (700) | 1.2 |
Beispiele
- Motivations-Post: Schwarzer Hintergrund, weiße Bebas-Neue-Headline „HEUTE IST DEIN TAG" in 72 pt, darunter dezenter Subtext in Regular 24 pt.
- Tipp-Post: Kräftige Akzentfarbe als Hintergrund, Zahl „01" in ExtraBold 80 pt, daneben Tipp-Text in Bold 36 pt, Erklärung in Regular 22 pt darunter.
- Zitat-Grafik: Anführungszeichen in Markenfarbe (dekorativ groß), Zitattext in Playfair Display Italic 40 pt, Zitatgeber in Montserrat Regular 20 pt, Trennlinie.
- Produktankündigung: Kategorie in Caps „NEUHEIT" als Label oben (24 pt, Lettersspacing +5), Produktname in Bold 64 pt, USP-Text in Regular 22 pt.
- Infografik-Zahlenelement: „73 %" in ExtraBold 96 pt in Akzentfarbe, darunter Erklärungstext in Regular 24 pt, Quelle in 14 pt Caption.
In der Praxis (Figma/Canva-Workflow)
Figma:
- Text Styles anlegen: H1, H2, Body, Caption mit allen typografischen Parametern.
- Schriftdateien als lokale Fonts installieren oder Google Fonts Plugin nutzen.
- Auto-Layout für Textelemente: Padding, Gap und Wrapping definieren, damit Text responsiv auf Längenänderungen reagiert.
- Kontrast-Check mit Plugin „A11y - Color Contrast Checker" vor jedem Export.
- Für Bold-Effekte: Schriftgewicht statt Fake-Bold (kursiver Rahmen in Figma) nutzen.
Canva:
- Schriften im Brand Kit hinterlegen: Headline-Schrift und Bodycopy-Schrift definieren.
- Textvorlagen als Elemente speichern: „Headline", „Subheadline", „Body" als fertige Text-Blöcke.
- Google Fonts über Canva-Schriftauswahl nutzen (kostenlos verfügbar).
- Schriftgröße nie unter 20 pt bei 1080 px Breite – Canva zeigt pt-Werte direkt an.
- Lettersspacing für Caps-Text auf +50 bis +100 erhöhen für bessere Lesbarkeit.
Vergleich & Abgrenzung
| Aspekt | Social Media | Web | |
|---|---|---|---|
| Mindestschriftgröße | 20 pt (bei 1080 px) | 8–10 pt | 14–16 px |
| Schriftgewicht-Tendenz | Bold/ExtraBold | Regular/Medium | Regular |
| Zeilenlänge | kurz (30–40 Z.) | mittel (60–70 Z.) | mittel–lang |
| Schriftzahl | max. 2 | 2–3 | 2–4 |
Häufige Fragen (FAQ)
Wie viele verschiedene Schriften sollte ich auf einem Post verwenden? Maximal zwei – eine für Headlines, eine für Bodycopy. Zwei Schriften aus der gleichen Schriftfamilie (z. B. Montserrat Bold und Montserrat Regular) reichen für ein professionelles Erscheinungsbild aus. Mehr als zwei Schriften führen zu visuellem Chaos.
Sollte ich Custom Fonts oder Google Fonts verwenden? Für Social Media sind Google Fonts ideal: kostenlos, auf allen Geräten installierbar und in Figma sowie Canva direkt nutzbar. Custom Fonts sind eine gute Investition für eine starke Markendifferenzierung, erfordern aber Lizenzen und korrekte Installation auf allen Arbeitsgeräten im Team.
Verwandte Einträge
Weiterführend
- Google Fonts: Kostenlose Schriften für Social Media
- Figma: Text Styles & Variable Fonts
- Typewolf: Schriftpaarungs-Empfehlungen für 2024
