Zielsetzung des Kurses
Der Kurs Webtypografie vermittelt grundlegende und angewandte Kenntnisse zur Gestaltung und Darstellung von Schrift im Web. Im Fokus stehen typografische Prinzipien, technische Umsetzung in HTML und CSS sowie lesefördernde Gestaltung für verschiedene Endgeräte. Die Inhalte sind im Fachgebiet der digitalen Gestaltung und Frontend-Entwicklung verortet und adressieren Aspekte der Lesbarkeit, Barrierefreiheit und Performance. Ziel ist die sichere Anwendung typografischer Konzepte in webbasierten Publikationen.
Inhalte
Grundlagen der Typografie im Web: Schriftklassifikation, Mikro- und Makrotypografie, Hierarchiebildung, Rhythmus, Zeilenlänge, Zeilenabstand und Kontrast
Technische Umsetzung in HTML und CSS: Font-Einbindung mit @font-face, Variable Fonts, Fallback-Strategien, Font-Loading, Rendering-Verhalten, responsive Skalierung und Einheiten
Lesbarkeit und Nutzerführung: Strukturierung von Überschriften, Fließtext und UI-Elementen, Einsatz von Weißraum, Informationsarchitektur, visuelle Priorisierung und Text-Bild-Bezug
Barrierefreiheit und Compliance: semantische Auszeichnung, Kontrastanforderungen, Skalierbarkeit, Screenreader-Kompatibilität, Spracheinstellungen und internationale Zeichensätze
Performance und Workflow: Dateiformate und -komprimierung, Subsetting, Ladepriorisierung, Caching, Testing mit Browser-Tools sowie Dokumentation und Übergabe an Entwicklungsteams
Typografisches Designsystem: Definition von Tokens (Schriftgrößen, Zeilenabstände, Abstände), Komponenten-Typografie, Styleguides und Konsistenz über Seiten und Geräte hinweg
Lernziele
- Analyse typografischer Anforderungen für verschiedene Webformate und Endgeräte
- Unterscheidung von Schriftklassen und Identifikation passender Webfonts inklusive Fallbacks
- Anwendung von HTML- und CSS-Techniken zur Einbindung und Skalierung von Webfonts
- Durchführung von Barrierefreiheitsprüfungen nach vorgegebenen Kontrast- und Semantik-Kriterien
- Erstellung eines typografischen Rasters mit Hierarchien, Größen, Abständen und Komponentenbezug
- Bewertung der Ladezeiten und Implementierung von Font-Loading-Strategien mit Subsetting
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie Webdesign und UI-Design, in denen die Gestaltung von Layouts, Komponenten und Leseführung umgesetzt wird. Typische Tätigkeitsfelder umfassen Frontend-Entwicklung mit Schwerpunkt HTML/CSS und Performance von Webfonts. Der Kurs adressiert Inhalte für Tätigkeiten wie Content-Design und digitale Redaktion, etwa bei der strukturierenden Textaufbereitung und Publikation im Web.
Zusammenfassung
Der Kurs Webtypografie behandelt die Gestaltung, technische Einbindung und Auslieferung von Schrift im Web unter Berücksichtigung von Lesbarkeit, Barrierefreiheit und Performance. Im Rahmen dieser Weiterbildung werden typografische Grundlagen mit HTML/CSS-Umsetzung, Font-Management und Designsystemen verknüpft. Die vermittelten Themen finden Anwendung in Tätigkeitsfeldern wie Webdesign, UI-Design, Frontend-Entwicklung und digitaler Redaktion.