Web-Typografie lernen: Von Grundlagen zu digitaler Exzellenz
Schrift im Web ist mehr als nur Buchstaben auf einem Bildschirm. Unser Programm zeigt Ihnen, wie Sie Lesbarkeit optimieren, wie verschiedene Schriftarten unterschiedliche Stimmungen erzeugen, und warum Zeilenhöhe und Buchstabenabstand den Unterschied machen zwischen einem Text, den man überfliegt, und einem, den man tatsächlich liest.
Programmstruktur
Was Sie in sechs Modulen lernen werden
Grundlagen der Schrift
Verstehen Sie, wie Buchstabenformen funktionieren und warum bestimmte Schriften für bestimmte Zwecke besser geeignet sind.
- Anatomie von Buchstaben
- Schriftklassifikation
- Serifenlose vs. Serifen-Schriften
- Monospace und Display-Schriften
Webfonts implementieren
Lernen Sie die technische Seite: wie Sie Schriften in Websites einbinden und dabei Performance im Blick behalten.
- Google Fonts und Adobe Fonts
- Self-Hosting von Schriftdateien
- WOFF2, WOFF und andere Formate
- Font-Loading-Strategien
Hierarchie und Lesbarkeit
Entdecken Sie, wie Sie durch Größe, Gewicht und Abstand eine klare visuelle Hierarchie schaffen.
- Typografische Skalen
- Zeilenhöhe und Zeilenlänge
- Buchstabenabstand (Tracking)
- Kontrast und Farbwahl
Responsive Typografie
Machen Sie Ihre Texte auf allen Geräten lesbar – vom Smartphone bis zum großen Desktop-Monitor.
- Fluid Typography mit CSS
- Viewport-basierte Einheiten
- Breakpoints für Textgrößen
- Mobile-First-Ansatz
Variable Fonts
Tauchen Sie ein in moderne Schrifttechnologie und nutzen Sie die Flexibilität variabler Schriften.
- Wie variable Fonts funktionieren
- Achsen: Weight, Width, Slant
- CSS font-variation-settings
- Performance-Vorteile
Barrierefreiheit und Best Practices
Stellen Sie sicher, dass Ihre typografischen Entscheidungen für alle Nutzer funktionieren.
- WCAG-Richtlinien für Text
- Kontrastverhältnisse testen
- Schriftgrößen für Barrierefreiheit
- Screenreader-Kompatibilität
Grundlagen
Woche 1–2
Technische Umsetzung
Woche 3–4
Gestaltung & Design
Woche 5–6
Praxisprojekt
Woche 7–8
Flexibles Lernen mit direktem Feedback
Sie lernen in Ihrem eigenen Tempo, mit praktischen Übungen nach jedem Modul. Unsere interaktiven Tests zeigen Ihnen sofort, ob Sie das Konzept verstanden haben – und wenn nicht, bekommen Sie gezielte Hinweise, wo Sie nochmal nachschauen sollten.
Selbstbestimmtes Tempo
Arbeiten Sie die Module durch, wann es in Ihren Alltag passt. Alle Materialien bleiben nach Kursende verfügbar.
Code-Beispiele zum Ausprobieren
Jedes Konzept wird mit lauffähigem Code erklärt. Kopieren, anpassen, experimentieren – so lernen Sie am besten.
Interaktive Quizze mit Erklärungen
Nach jedem Modul testen Sie Ihr Wissen. Bei falschen Antworten sehen Sie nicht nur die richtige Lösung, sondern auch warum.
Abschlussprojekt mit Bewertung
Gestalten Sie eine komplette typografische Website. Sie bekommen detailliertes Feedback zu Ihrer Umsetzung.